Tagged: header, main Navigation
Hello there!
So I’ve been trying to figure out a way to get my logo aligned center, with my navigation menu items listed on each side. I’ll show a screen shot of what Im trying to accomplish… Any help is much appreciated!
Hi Lesley!
You can add following code to Quick CSS in Enfold theme options under General Styling tab
ul#avia-menu { position: relative; top: -50px; }
#header_main_alternate { z-index: 4; }
and then add a menu item in the middle and set its opacity to 0 with following code
li#menu-item-117 .avia-menu-text, li#menu-item-117 .avia-menu-fx { opacity: 0; }
( You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg )
This would be a way to achieve what you are looking for and you could use it as a starting point. You can also try adding margin to right or left of menu items to increase the gap. But unfortunately you are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.
Best regards,
Yigit
Hi there,
I’m searching for the same:
MenuItem1 | MenuItem2 | LOGO MenuItem3 | MenuItem4
Have you found a solution that the menu is not overlaying the logo?
How to create the space in the middle of menu?
Thanks a lot
Greetings
Michael
Hey!
@Michael: Please create a new thread here. Post the link to the website and the screenshot of what you’re trying to accomplish. https://kriesi.at/support/forum/enfold/
Regards,
Ismael