Docs

[Andrew]

Hi!

After trawling the Knowledge Base (over 100 queries and proposed solutions on this topic), I could not find any offered code or suggestions that rendered results in my case.

I simply want to center-align the menu items in my navigation bar. (RENEW Stack; Fix-Top; Inline)

Cheers!

Andrew

[Thai]

Hi Andrew,

Please provide us with your website URL so we can take a closer look.

Thank you.

[Andrew]

Hey Thai,

The site is on a local development server and unfortunately unreachable. I’ve attached an image of what I require. As mentioned before, I’ve tried applying the solution offered in the Knowledge Base without success.

Cheers!

Andrew

[Rue Nel]

Hello Andrew,

Thank you for the clarifications. To align your menu at the center, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .masthead-inline .desktop .x-nav {
    float: none;
    width: auto;
    margin: 0 auto;
  }  
}

We would loved to know if this has work for you. Thank you.

[Andrew]

Hi Rue,

Thanks for the code and input.

If I turn off the Stacked option for the navbar and use your code, the menu items are more centered, but still off center to the left. If I activate the Stacked option, the menu is centered. For now it’s sufficient as I’m not using the top bar.

Cheers!

Andrew

[Joao]

Hi Andrew,

In case you need more help let us know.

Thanks

Joao

[Author]

Posts