Reduce white space in menu

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey, Beckswade!

    Yes. Just put the following code into your style.css and reduce the 25px on the “padding:” line to whatever appeals to you:

    .main-navigation li {
    float: left;
    position: relative;
    padding: 0px 0px 0px 25px;
    font-family: “Lato”,sans-serif;
    }

    Best practice dictates that you either use a child theme, or install a plugin like “Simple Custom CSS” and put it in there to prevent breaking the fix when you update the theme.

    Thread Starter beckswade

    (@beckswade)

    Hi Thanks for the speedy reply,

    I’ve tried putting it in the custom css but no changes seem to be made?
    No matter what numbers I put in?

    Thread Starter beckswade

    (@beckswade)

    .main-navigation li {
    float: left;
    position: relative;
    padding: -10px -10px -10px -10px;
    font-family: “Arial”,sans-serif;
    }

    Tried this and all it seems to have done is changed the font to arial?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce white space in menu’ is closed to new replies.