WordPress.org

Forums

Navigation padding (9 posts)

  1. wokkaboy
    Member
    Posted 1 year ago #

    Hi

    How do you reduce the navigation bar horizontal padding in the TwentyTwelve theme?

    Thanks

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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.

  3. wokkaboy
    Member
    Posted 1 year ago #

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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

  5. wokkaboy
    Member
    Posted 1 year ago #

    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.

  6. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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?

  7. wokkaboy
    Member
    Posted 1 year ago #

    Yes, that worked, thanks.

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

  8. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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.

  9. wokkaboy
    Member
    Posted 1 year ago #

    Thanks for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.