Really like the theme, but I have had issues with the height of the header when the logo is centered. It takes up a huge amount of page space.
I have played around with CSS quite a bit trying to get this right but I don't understand enough about how the header is sized in the first place.
Ideally I would like to move the nav menu up to be right underneath the Logo with only a small amount of padding. As you can see, it is very spaced out at the moment, giving me a total header height of 275px on my 24" monitor! There is just too much white space in the header for my liking. I have had to move the logo to the left to get around this previously, but I really want to run it centered.
I am already running padding 1 in the header options section, and I dont want to reduce the logo size any further than this. Website in quesiton can be seen here: http://harrier.whizzit.com.au/smm/
Hayden... the issue can be resolved by changing the padding-top and padding-bottom of actual nav menu items... Add this into the Custom CSS box located in your Salient Options panel. That will fix the large padding you\'re experiencing.
Hi,
Really like the theme, but I have had issues with the height of the header when the logo is centered. It takes up a huge amount of page space.
I have played around with CSS quite a bit trying to get this right but I don't understand enough about how the header is sized in the first place.
Ideally I would like to move the nav menu up to be right underneath the Logo with only a small amount of padding. As you can see, it is very spaced out at the moment, giving me a total header height of 275px on my 24" monitor! There is just too much white space in the header for my liking. I have had to move the logo to the left to get around this previously, but I really want to run it centered.
I am already running padding 1 in the header options section, and I dont want to reduce the logo size any further than this. Website in quesiton can be seen here: http://harrier.whizzit.com.au/smm/
Thanks,
Hayden
Hey ,
#header-outer[data-format=\"centered-menu-under-logo\"] header#top #logo { position: relative; margin-bottom: -48px !important; }
Best.
ThemeNectar Support Team
Hayden... the issue can be resolved by changing the padding-top and padding-bottom of actual nav menu items... Add this into the Custom CSS box located in your Salient Options panel. That will fix the large padding you\'re experiencing.
header#top nav > ul > li > a {
padding-bottom: 44px!important;
padding-top: 30px!important;
}