when the website is full size its fine, but if I make it narrow, it bumps the navbar down - its fine once I start scrolling and it goes out of transparency mode, but I need upon load to stay up at the top and not drop low if the screen goes narrow
I can't see your nav dropping on any screen size as your picture shows - I assume you already quick fixed this by decreasing the font size of your nav items. The best solution is actually to set the size smaller with a media query only for small screen sizes. Enter this into the Custom CSS box located in your Salient Options panel:
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
header#top nav ul:not(.sub-menu) li a {
padding-left: 6px!important;
padding-right: 6px!important;
font-size: 16px!important;
}
}
Feel free to play with the sizes, but that's the technique :)
here is a picture:
http://goo.gl/zWTyD3
when the website is full size its fine, but if I make it narrow, it bumps the navbar down - its fine once I start scrolling and it goes out of transparency mode, but I need upon load to stay up at the top and not drop low if the screen goes narrow
anyone know? this is really important, please help. thank you
hello
Hey Eric,
I can't see your nav dropping on any screen size as your picture shows - I assume you already quick fixed this by decreasing the font size of your nav items. The best solution is actually to set the size smaller with a media query only for small screen sizes. Enter this into the Custom CSS box located in your Salient Options panel:
@media only screen and (min-width: 1000px) and (max-width: 1300px) { header#top nav ul:not(.sub-menu) li a { padding-left: 6px!important; padding-right: 6px!important; font-size: 16px!important; } }Feel free to play with the sizes, but that's the technique :)
Cheers