WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How to reduce the space between lines above/below menu in twentytwelve theme?

[Resolved] How to reduce the space between lines above/below menu in twentytwelve theme?

  • Hi, how can the space between the horizontal lines above and below the default menu in twentytwelve be reduced? (I’m unable to find the code responsible for the distance between these lines and the menu text…)

    thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • can’t for the life of me figure out the CSS tags controlling this default feature of twentytwelve (seen on this site http://factualfiction.com/lighthouse/)

    thanks…

    WPyogi

    @wpyogi

    Forum Moderator

    What does Firebug show? Look for line-height on

    .main-navigation li a

    line-height is striked out and does not affect the page when added to main-navigation li a…? (using Chrome’s ‘inspect element’ feature)

    I’ve been able to expand the height of the space between the two lines by inserting line-height here (can’t remember if it was in rem or just a number):

    .main-navigation ul.nav-menu {
    text-align: center;
    line-height:3;
    }

    the problem though was that I couldn’t reduce the height of the space around the main menu below “3”…nothing would happen with .5 or 2 or so on…

    could there be padding or line-height values somewhere else in the code preventing line-height when placed in .main-nav from shrinking below “3”?

    thanks again, sorry about the convoluted question

    WPyogi

    @wpyogi

    Forum Moderator

    Try this:

    @media screen and (min-width: 600px) {
    .main-navigation li a {
        line-height: 1.69231;
    }
    }

    thank you! sorry for some reason this was just too much…becoming exhausted…

    thanks!

    WPyogi

    @wpyogi

    Forum Moderator

    NP, media queries get a bit confusing :).

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] How to reduce the space between lines above/below menu in twentytwelve theme?’ is closed to new replies.