Center only Main Menu

I’m really can’t figure this out…

The site is

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.



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,

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 {
    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.


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,

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.



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

Have a nice day!

Kind Regards,