WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Twenty Twelve] Phantom padding in main menu? (2 posts)

  1. tg1
    Member
    Posted 1 year ago #

    Hey,

    Working on a site with a child theme of twenty twelve.

    I keep getting a vacant area next to all the text links in my main menu.

    My styles seem okay. It is just strange becaue it looks like there is more padding on the left of each link - and when hovered - the BG color shows that gap.

    Here are my styles. Any help is appreciated!

    .main-navigation {
        margin-top: 0.75rem!important;
    }
    
    .main-navigation li{
     margin: 0 0!important;
     padding:0 0!important;
     border-right: 1px solid #dcb899!important;
    }
    
    .main-navigation li a {
        line-height: 3.35; /* was 3.69231 */
        padding-left:13px;
        padding-right:13px;
        margin-left:0px;
    
    }
    
    .main-navigation a {
        color: #fff!important;
        font-weight: bold;
       /* border-right: 1px solid #af6a30!important; */
    }
    
    .main-navigation li a:hover {
        background-color: #934800;
    }
  2. tg1
    Member
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic