How to center wrap menu in Morden theme

  • Unknown's avatar
    jmejiadd69c1b67e · Member ·

    How would I center wrap the menu/navigation area in the Morden theme? It currently wraps to a second line and the second line aligns to the right.

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    You can add this code to the Additional CSS section in the Customizer:

    /*
Center-align site menu
*/
.site-header-wrap .main-navigation > div > ul {
	justify-content: center;
}

    Also note that your plan gives you access to both live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact

  • Unknown's avatar
    jmejiadd69c1b67e · Member ·

    Thank you so much, that worked great! If I may ask another quick question, now that the navigation menu is center wrapped, is there a way to up the padding or to shift the whole navigation menu further to the right, so that there is more distance/space between it and the “Flooded and Forgotten” text that sits to the left of it?

    Also, many, many thanks for the resources you attached!

  • staff-blorbo · Staff ·

    Sure, try this:

    .menu-primary-container {
    padding-left: 75px;
}
  • The topic ‘How to center wrap menu in Morden theme’ is closed to new replies.