Center the main menu and also reduce padding.

  • Unknown's avatar
    ferrierawards · Member ·

    Hi.

    I’m looking for some help with custom CCS using the Hemingway Rewritten theme.

    I have successfully managed to centre the main navigation bar on my site using the css alteration below:

    .blog-menu {
    text-align: center;
}

.blog-menu > li {
    float: none;
    display: inline-block;
}

    However I would also like to reduce the spacing between each of the individual menu items. I have tried adding the following however this extra rule seems to cancel out the existing “center” rule:

    .main-navigation a {
    padding: 10px;
}

    I’m sure I have made a basic error but I’d be extremely grateful if someone could recommend a solution that would allow both rules to apply.

    Thanks
    Fred

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

  • Unknown's avatar
    ferrierawards · Member ·

    I have moved this question to the CSS Customization forum.

    https://en.forums.wordpress.com/topic/center-the-main-menu-and-also-reduce-menu-padding

    Apologies for the duplication.

  • The topic ‘Center the main menu and also reduce padding.’ is closed to new replies.