Hey!
I would like to improve the menu layout for ALL 5 header options like, “Logo left, Menu right” and “Logo center, Menu below” etc..
Please have a look at my screenshots.
http://gyazo.com/e5f5cff76d8ef08d1a05f94e0a42bccd
1. You will see that the images are lower than the submenus – I like it to be at the same height as the submenus.
2. The space between the menu and the submenus is different at all layouts – I like to have the same distance between menu and submenu on ALL 5 logo – menu options.
Can you please provide some css to get this?
Thanks your help
Peter
Hi pegasso4444!
It’s kind of hard to understand from your screenshot. It looks like your trying to reduce the size of the header a bit?
Send us a link to your site so we can get a better idea of what’s going on.
Cheers!
Elliott
Hey Elliott!
For a better understanding I made it in Photoshop.
What I try to get is, to have the same distance between menu and image on all 5 header options (see circles).
http://gyazo.com/6f3bf34f064a111cbc71fab560b1d615
Thanks for your help
Peter
Hi!
Can you please provide a link to the actual page where you’re testing this? You can adjust the top padding of the main container:
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 155px;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 119px;
}
Cheers!
Ismael
Hey!
@jdepal20, You have a lot of custom CSS going on there so it’s hard to tell what it could be from. Try removing all of your menu CSS and then add it back in piece by piece to see if it’s causing the problem.
@pegasso4444, Navigate to Dashboard > Enfold > Header and for the “Menu and Logo position” option select the “Logo center menu below” option.
Regards,
Elliott