How do I manage whitespace between top page margin and logo, between logo and slogan, between slogan and menu text separately? Customize menu settings seem to have only padding around logo but I need it separate to even out the amount of whitespace between visible objects.
Hi!
How do I manage whitespace between top page margin and logo, between logo and slogan, between slogan and menu text separately? Customize menu settings seem to have only padding around logo but I need it separate to even out the amount of whitespace between visible objects.
Thank you in advance!
Hi,
Please make your site live and show me your site url to I can take it a look.
Best Regards,
PenciDesign
Sure!
https://sovid.org
It's staging so it's password-protected to prevent indexing, password is better copypasted.
login: guest
pass: Г0сть
The space that bugs me most is between the main menu and the slogan.
Btw, your demo has the same problem: the amount of negative space above and below logo is different, as if the menu had its own padding.
Hi,
1/ To change space between logo & top, please add more this code to Customize > Custom CSS:
#header .inner-header .container{ padding-top: 20px; }Change value 20 to any value as you want.
2/ To change space between logo & slogan, please add more this code to Customize > Custom CSS:
.header-slogan{ margin-top: 10px; }Change value 10 to any value as you want.
3/ To change space between slogan & menu, please add more this code to Customize > Custom CSS:
#header .inner-header .container{ padding-bottom: 20px; }Change value 20 to any value as you want.
Best Regards,
PenciDesign
Thank you, works great! =)