Centre primary menu

  • Resolved tf247

    (@tf247)


    7 years, 3 months ago

    hi,

    I am trying to centre my logo and primary menu on the Primer>Ascension theme and struggling to get the menu centred.

    I was able to get the logo centred via: 

       .site-header .site-title-wrapper {
     float: none;
     display: block;
     text-align: center;
   }

    But can’t for the live of me figure out how to get the primary menu centred as well.

    Any ideas would be a great help

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    7 years, 3 months ago

    hey, @tf247

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    .main-navigation {
  display: flex;
  justify-content: center;
}

    Let me know if that does it.
    Thank you.

    Thread Starter tf247

    (@tf247)

    7 years, 3 months ago

    Thanks @snehalb890 but that does not seem to work.

    But realised that container does not go full screen, so added width to it and then it works.

    I just need to test if that impaacts anything.

    Cheers

    • This reply was modified 7 years, 3 months ago by tf247.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Centre primary menu’ is closed to new replies.