menu not centered anymore after update

Hello @martin177,

To set the header menu centered, please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media(min-width: 960px) {
    #site-navigation {
        width: fit-content;
        margin: auto;
    }
}

For more information about the CSS/JS code on the customizer, please read this link:
https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website

Best Regards

Thank you very much! Worked like a charm.

You’re very welcome.
I’m glad we could help.

Hello, I am really struggling with getting the main menu items to align center + responsive align. The site is https://www.kriya-meditation.com.

I have tried the two examples below, but to no avail. Any help would be most appreciated. Thanks in advance. kkc.

@media(min-width: 960px) {
#site-navigation {
	width: fit-content !important;
  margin: auto !important;
  }
}

/* centers main menu */
#site-header.top-header 
.header-top 
.left{
    width:100%;
    text-align:center;
}