Hi
Can you tell me how to change the menu layout so that the logo is in the centre with navigation either side (instead of below).
Thank you!
Hey Picante,
So you would like the logo in between the navigation links?
Best regards,
Jordan Shannon
Yes please!
Hi,
Please attempt the following: Set the Header > Menu and Logo Position settings to “Logo center, Menu below’. Add a right margin to the menu item beside the logo and move the menu container upwards with the following css code.
#menu-item-77 {
margin-right: 100px;
}
#header_main_alternate {
z-index: 2;
top: -60px;
border: none;
}
Adjust the “#menu-item-77” selector to the id of the menu item located at the left side of the logo.
Best regards,
Jordan Shannon
Thanks. I’ve done that, but I would like the logo to the left hand side of “blog” and am not sure how to put some padding around the logo.
https://webers-testseite.de/weber/
something like this ? (you can do it without the gimmick of animated position)
then it stays in the middle and only shrinks.
Hey Picante,
In the above code I gave you change:
#menu-item-77
to
#menu-item-118
Also adjust the margin number form 100 if you need to.
Best regards,
Jordan Shannon
Hi & thanks Jordan, but it still hasn’t moved it to the left hand side of “blog”. Also, how do I find out what the menu item numbers are (so that I can play with this in case we add additional navigation items)?
Thanks
Also, how do I reduce the padding under the navigation in the header?
Thanks
Hi Picante,
You can try to add the logo image as a custom menu item, like on the website demonstrated by Guenni007.
If you need further assistance please let us know.
Best regards,
Victoria