Skip to content
Public Ticket #6674

Whitespace between logo, slogan & menu

Conversation thread

kaystie replied

Customer Reply

Thank you, works great! =)

PenciDesign replied

Staff Reply

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

kaystie replied

Customer Reply

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.

kaystie replied

Customer Reply

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.

PenciDesign replied

Staff Reply

Hi,

Please make your site live and show me your site url to I can take it a look.

Best Regards,

PenciDesign

kaystie started the conversation

Conversation Start

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!

Want to join this conversation or access attachments? Sign in first.