adjusting logo size and menu causes problems with sticky menu
I wanted the logo bigger and the menu to align center to the logo. I saw from previous threads to do the following:
#Top_bar #logo {
height: 90px !important;
padding: 20px 0px !important;
}
#Top_bar .menu_wrapper { margin-top: 35px !important; }
.header-classic #Top_bar .top_bar_right { top: 35px !important; }
However, in doing so, the sticky menu is messed up when you scroll down.
#Top_bar #logo {
height: 90px !important;
padding: 20px 0px !important;
}
#Top_bar .menu_wrapper { margin-top: 35px !important; }
.header-classic #Top_bar .top_bar_right { top: 35px !important; }
However, in doing so, the sticky menu is messed up when you scroll down.
Comments
above css apply for sticky header as well. To do it properly, please use below css instead:
http://pasteboard.co/1cC6XTASX.png
http://pasteboard.co/1cC6XTASX.png
Chrome: http://prntscr.com/f3xbvf
Mozilla firefox: http://prntscr.com/f3xc64
Explorer: http://prntscr.com/f3xckd
What OS and browser are you using? Is this happening on all resolutions?
There is one console error you should fix: http://prntscr.com/f3xdeg
This might be also the cache plugin that mimified the code.
Also, open the page in firefox and press CTRL+U to see the code, you have many errors marked in red. You need to fix those, screen: http://prntscr.com/f3xe5u
http://pasteboard.co/2dtK74a9H.png