[Resolved] centering main navigation

[takkularapsis]

Hi,

I would like to center navigation but leave polylang flags to right.

[David]

Hi there,

can you change the Customizer > General –> Structure to Flexbox. Then i can take a look at the CSS required for that layout.

[takkularapsis]

Hi,

Thank you, it is now in flexbox.

[David]

Try adding this CSS:

@media(min-width: 769px) {
  #site-navigation,
  #primary-menu,
  #primary-menu ul {
    flex: 1;
  }

  .main-nav {
    display: flex
  }

  .main-navigation li:first-child,
  .main-navigation li.lang-item-first {
    margin-left: auto;
  }
}

[takkularapsis]

Hi,

Amazing, thank you again for great support!

[David]

Glad to be of help.

[takkularapsis]

Hi,

May i still quickly bother with this?

How can i setup same css to swedish page? There the navigation goes back to right.
I tryid putting country code after css, but didnt work.

[David]

Can you share a link to a page where i can see the issue ?

[takkularapsis]

Yes, off course, here:

[David]

I updated the CSS here:

https://generatepress.com/forums/topic/centering-main-navigation/#post-1632630

[takkularapsis]

So much thank you again!

[David]

You’re welcome

[Author]

Posts