Center option for menu using - Logo left menu below - Support

Tagged: logo

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 14, 2021 at 3:42 pm #1300348

jasonswain
Participant

Hi,

I am trying to center the menu when using ‘Logo left menu below’, i can’t see any option in theme options that will do this, am i just missing it or do you have an alternative solution?

Just to be clear the logo stays where it is, only the content within the menu bar should be centered, so equal spare space either side of the menu ul.

Thanks

May 14, 2021 at 5:02 pm #1300371
Nikko
Inactive Moderator
Hi jasonswain,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
```
#top #header_main_alternate #avia-menu {
    text-align: center;
}

#top #header_main_alternate #avia-menu > li.menu-item {
    display: inline-block;
    float: none;
}
```
Best regards,
Nikko
May 14, 2021 at 5:10 pm #1300377

jasonswain
Participant

Perfect, thanks :)

May 14, 2021 at 5:12 pm #1300380

jasonswain
Participant

Hi, i spoke to soon, when the page finishes loading the menu drops down (apart from the mega menu option of ‘Areas’, take a look at the site to see this.

May 14, 2021 at 5:15 pm #1300381
Nikko
Inactive Moderator
Hi jasonswain,

I see, can you try to replace it with this CSS code instead:
```
#top #header_main_alternate #avia-menu > li.menu-item {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
```
Best regards,
Nikko
May 14, 2021 at 5:25 pm #1300384

jasonswain
Participant

Thats great, working fine now :)

May 14, 2021 at 5:34 pm #1300388

Nikko
Inactive Moderator

Hi jasonswain,

We’re glad that we could help :)
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Center option for menu using – Logo left menu below’ is closed to new replies.