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.

    http://codex.wordpress.org/Child_Themes

    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.