Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 10 years, 2 months ago by llindley.
    #310578

    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

    #494544

    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

    #494756

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.