WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to reduce the space between lines above/below menu in twentytwelve theme? (7 posts)

  1. oceanbluesky
    Member
    Posted 1 year ago #

    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!

  2. oceanbluesky
    Member
    Posted 1 year ago #

    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...

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    What does Firebug show? Look for line-height on

    .main-navigation li a

  4. oceanbluesky
    Member
    Posted 1 year ago #

    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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this:

    @media screen and (min-width: 600px) {
    .main-navigation li a {
        line-height: 1.69231;
    }
    }
  6. oceanbluesky
    Member
    Posted 1 year ago #

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

    thanks!

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    NP, media queries get a bit confusing :).

Topic Closed

This topic has been closed to new replies.

About this Topic