I wish to make my header taller, that is to increase the vertical space above and below the logo and navigation. I tried the following custom CSS which worked, but there was an unwanted side effect. If the page is refreshed after scrolling past the very top, the content loads wrong and is cut off at the top by its container.
Try adjusting the Logo Image to have more whitespace on the top as adjusting it via css would likely cause miscalculations needed for the various features.
Hello and thanks in advance.
I wish to make my header taller, that is to increase the vertical space above and below the logo and navigation. I tried the following custom CSS which worked, but there was an unwanted side effect. If the page is refreshed after scrolling past the very top, the content loads wrong and is cut off at the top by its container.
#header-outer #logo, #header-outer .logo-spacing {
margin-top: 50px;
margin-bottom: 50px;
}
Hey Again,
You dont need to use the margin, Rather increase the Padding Field in the Salient Theme Options Panel -> Header Navigation Section .
Thanks
ThemeNectar Support Team
Ah, thanks!
And is there any recommendation you can offer if I would like more padding on top than on bottom?
Try adjusting the Logo Image to have more whitespace on the top as adjusting it via css would likely cause miscalculations needed for the various features.
Thanks
ThemeNectar Support Team