Archived topic

centering main navigation

11 replies · Started by takkularapsis on January 25, 2021

Viewing posts 1–12 of 12

January 25, 2021 at 1:41 am #1632349

Hi,

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

January 25, 2021 at 3:45 am #1632491

Hi there,

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

January 25, 2021 at 4:29 am #1632543

Hi,

Thank you, it is now in flexbox.

January 25, 2021 at 5:59 am #1632630

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;
  }
}

January 26, 2021 at 1:37 am #1633826

Hi,

Amazing, thank you again for great support!

January 26, 2021 at 5:02 am #1634041

Glad to be of help.

January 30, 2021 at 1:48 am #1639127

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.

January 30, 2021 at 6:10 am #1639314

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

January 30, 2021 at 6:26 am #1639328

Yes, off course, here:

January 30, 2021 at 7:53 am #1639618

I updated the CSS here:

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

January 31, 2021 at 1:59 am #1640200

So much thank you again!

January 31, 2021 at 5:46 am #1640318

You're welcome

This archived topic is closed to new replies.

Start building better websites today.