Increase menu bar

florahy

Dear Authors,
I increased the logo height to 110px, the menu bar remains 90 px in over 1240 media screen, so the logo is not showing correctly, how can I fix that?

http://www.valsaway.com/

I already have this custom CSS :

#Header .menu > li { display: inline-block; float: none;}
#Top_bar .menu_wrapper { text-align: center; width: 100%; }
#Top_bar .top_bar_left { width: 100% !important; }
.header-stack #Top_bar .top_bar_right { display: none; }
#Top_bar.is-sticky .menu_wrapper { width: auto; }
#Top_bar #logo { height: 110px !important; }

Thank you very much

Albert

Hi,

you need to increase top bar as well if you want to use bigger image. This can be done with below css:

@media only screen and (min-width: 1240px) { 
    #Top_bar .menu_wrapper { height: 130px !important; }
    .header-split #Header .top_bar_left .menu_left, .header-split #Header .top_bar_left .menu_right { margin-top: 20px !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

florahy

Perfect thank you very much :-)

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next