Tagged: header, main Navigation
-
AuthorPosts
-
August 28, 2014 at 3:26 am #310169
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!-
This topic was modified 11 years, 2 months ago by
llindley.
August 28, 2014 at 6:12 pm #310578Hi 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,
YigitAugust 27, 2015 at 10:56 pm #494544Hi 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
MichaelAugust 28, 2015 at 11:14 am #494756Hey!
@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 -
This topic was modified 11 years, 2 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
