Centering header menu

  • Resolved rainsmom1968

    (@rainsmom1968)


    5 years, 11 months ago

    Hello! The menu in my header shows as centered in my wp-admin site. But on the page itself, it’s left justified. Can you tell me how to center the menu?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • fresatomica

    (@fresatomica)

    5 years, 11 months ago

    Hi there!

    The position of your menu will depend on the size of the screen of the viewer. On smaller screens it will be closer to the left, however, on bigger screens, space will be added on the left and so the menu will be closer to the middle.

    You may modify this adding some custom CSS:

    /*Centering the menu*/
@media screen and (min-width: 60em) {
    .has-top-content .main-navigation ul.nav-menu {
         text-align: center;
    }
}
    Thread Starter rainsmom1968

    (@rainsmom1968)

    5 years, 11 months ago

    It worked! Thank you so much! I appreciate the help.

    fresatomica

    (@fresatomica)

    5 years, 11 months ago

    Yay, I’m glad to hear that! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Centering header menu’ is closed to new replies.