Support » Themes and Templates » Navigation padding

Viewing 8 replies - 1 through 8 (of 8 total)
  • Please post a link to your site for help with CSS. You must also have a custom CSS plugin installed or a child theme set up so that changes are not lost when WP is updated.

    Have you modified the theme’s files? That’s REALLY not a good idea – I’d strongly suggest you move any changes to a child theme before doing anything else – otherwise you will lose all your work when WP is updated.

    Not intentionally, it should be as per the default.

    I’ve added PC Custom CSS.

    You may have guessed I’m fairly new to this.

    Okay, custom CSS is fine 🙂 – though I don’t see any styles there yet. But try adding this to that section:

    @media screen and (min-width: 600px) {
    .main-navigation li {
        margin: 0 1rem 0 0;

    Adjust that 1rem according to what you want. That reduces the margins between menu items – is that what you’re asking about?

    Yes, that worked, thanks.

    However the menu font is now huge for some reason – I may have changed the theme’s file in error!

    I’d suggest replacing your style.css file with a new copy – so that any changes you’ve made are removed – you can put those changes in custom CSS instead.

    Thanks for your help!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Navigation padding’ is closed to new replies.