Home › Forums › Pro Themes › Daily Insight Pro › how to reduce the height of the header

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 4, 2017 at 4:39 pm #44247
    José Luis Conde Huelga
    Participant

    Hi,
    We are trying to reduce the height of the header (the portion between the main menu and the top of the page).
    We are using the Header Right widget (search box, social icons and a photo of onbe of our posts). The upper side of the header is taken by our logo and slogan, but there is still empty space between these elements and the main menu.

    Thanks.

    June 4, 2017 at 4:40 pm #44248
    José Luis Conde Huelga
    Participant

    thanks

    June 5, 2017 at 12:10 am #44264
    wensolutions
    Keymaster

    Hello @elviajeroaccidental,

    Can you post your site URL so that we could give precise fix ??

    Hope you understand .

    Best Regards!!

    June 7, 2017 at 3:33 pm #44467
    José Luis Conde Huelga
    Participant

    here it is
    http://elviaje2-cp126.wordpresstemporal.com/

    June 8, 2017 at 12:10 am #44504
    wensolutions
    Keymaster

    Hello @elviajeroaccidental,

    To adjust the spacing use below given CSS .

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media(min-width:992px) {

header .widget_wpcom_social_media_icons_widget {

    float: left;
    position: relative;
    clear: both;
    top: -82px;

}

header .widget_search {

    float: left;
    clear: both;
    margin-top: -100px;

}

header .widget_image {
    float:right;
}
}

    Hope this helps.

    Best Regards!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.