Center only Main Menu

I’m really can’t figure this out…

The site is identidadessonoras.org

I just want to Center the Main Menu.

I’ve tried similar fixis on another post but the Top Menu as also affected.

Any help would be greatly appreciated.

Thanks!

Hi,

How I see your main menu is already centered, have you been able to resolve it? Or it isn’t that what you want to achieve?

Kind Regards,
Csaba

Hi, @Csaba!

Thank you so much for your prompt reply. That’s why I’m Athemes all the away.

So…I’m using this code that @Roman gave another user:

div.sf-menu ul.menu {
    display: flex;
    justify-content: center;
}

But it also centered the Top Menu.

I was wondering if there was a way to modify the Menus individually and only center the Main Menu.

Thanks again.

Hi,

Please use this Custom CSS instead to only center your main menu:

div.sf-menu #menu-menu-page {
    display: flex !important;
    justify-content: center !important;
}

Please let me know how it works.

Kind Regards,
Csaba

Oh, Yes!

Thank you so much, @Csaba

It works perfectly so far.

You guys are awesome. If this project works out I’m buying that lifetime account for sure. F*** that Wix/SquareSpace nonsense. Haha.

:slight_smile:

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba