Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 5, 2015 at 11:50 pm #531255
    oiser

    Hello to all,

    after upgrading to the latest version, the menu bar of the header has increased significantly in size than before. I use this kind of header: http://kriesi.at/themes/enfold/homepage/home-v6-classic-4-column/?skin=Splash%20Orange

    Is it part of the update? Is there a way to reduce the height through css?

    Thank you

    Best regards

    November 6, 2015 at 5:17 pm #531553
    Elliott

    Hey oiser!

    Send us a link to your page so we can get a better idea of what’s going on. You can set your reply as private if you wish.

    Cheers!
    Elliott

    November 6, 2015 at 6:11 pm #531610
    oiser

    Hi Elliott, thank you!

    I sent the link by private content.

    November 8, 2015 at 6:32 am #531990
    Ismael

    Hey!

    The menu bar is still 50px tall same as the demo. Could you please provide a screenshot of the issue? If you want to decrease the height, add this in the Quick CSS field:

    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
    height: 30px;
    line-height: 30px;
}

.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    height: 30px;
}

    Cheers!
    Ismael

    November 8, 2015 at 10:03 pm #532262
    oiser

    Hello Elliott,

    thanks for the support, but I assure you that the height of the menu bar is increased after the upgrade. I send you a link by private content that documenting the difference.

    Css that you sent me works in part, because restores a correct size of the menu bar, but leaves a blank space between the menu and the slider …
    :(

    November 9, 2015 at 7:26 am #532391
    Ismael

    Hi!

    Add this below the css codes we provided above to remove the space above the slider:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 112px;
}

    Adjust the value if necessary.

    Best regards,
    Ismael

    November 9, 2015 at 11:07 am #532468
    oiser

    Hi Ismael,

    I used the css that you suggested (In addition to the previous css suggested by Elliot): I inserted some pixel values, but the situation doesn’t change.

    I enclose an example screenshot by private content.

    thanks to all for the support!

    November 9, 2015 at 2:57 pm #532619
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times. It does look fine on my end. Please see screenshot in private content field

    Best regards,
    Yigit

    November 9, 2015 at 5:01 pm #532749
    oiser

    I Yigit,

    I insert this code:

    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
    height: 30px;
    line-height: 30px;
    }

    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    height: 30px;
    }

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 112px;
    }

    I flush browser and site cache… but the situation is the same.

    Look at the private link:

    November 9, 2015 at 5:03 pm #532754
    Yigit

    Hey!

    Please try using following code

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 113px !important;
}

    Cheers!
    Yigit

    November 9, 2015 at 9:41 pm #532911
    oiser

    Perfect!! Now it works fine, like before the update. :)

    Thanks a lot!

    Cheers

    November 10, 2015 at 2:36 pm #533268
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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