This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Centering a Custom Menu

8 years ago · Last reply by Daniel Englert 8 years ago

Hello,

I’m working in the SiteOrigin CSS visual editor. By default, the menu I have aligns to the left. How can I center the entire menu on the screen? I imagine if I can center the .menu-main-menu-container that’ll do it. What CSS code will do this?

Thank you in advance,

Daniel Englert

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 8 years, 5 months ago

    Hi Daniel,

    Do you have a public URL where we can take a look at your setup?

  2. Daniel Englert 8 years, 4 months ago
  3. Alex S Staff 8 years, 4 months ago

    Hi Daniel,

    Please navigate to WP AdminAppearanceCustom CSS and find:

    #site-navigation.main-navigation {
      text-align: center;
      float: left;
    }
    

    Replace with:

    #site-navigation.main-navigation {
      text-align: center;
      float: none;
    }
    

    How does that look?

  4. Daniel Englert 8 years, 4 months ago

    That looks great!

    Sorry I’ve been slow to reply.

    Thank you for your help,

    Daniel

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread