WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. tg1
    Member
    Posted 5 months 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 5 months ago #

Reply

You must log in to post.

About this Topic