Hi,
I have some problems with my header (I’m using logo inside the masthead):
1. Menu Item Vertical Padding overrides the header padding option: this is a problem because when the the text of the menu wrapped the line height is too big because line height = Menu Item Vertical Padding. So I need the menu vertical padding to be smaller but the top padding of the header to be 45 px.
In alternative the menu should be all responsive! The text should be scaling…
2. I have the menu on the right side but I need that in mobile menu become centered. Is there an option for that?
Thank you!
Hi Espoarte,
1. When the Logo in Menu Masthead Layout is used, the Header Padding setting is ignored.
The line-height of your menu items is controlled by the Menu Font Size setting – it’s 1:1. You’ll need to either decrease the Menu Font Size or the Menu Item Vertical Padding (px) setting to reduce the vertical size of your menu items.
Please note that there may be some spacing above menu items if your logo is significantly larger than your menu. This spacing is to ensure vertical alignment.
2. Unfortunately, there isn’t a dedicated setting for this at this time. I’d like to help you with adjusting the alignment on mobile, but this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.