• I would like to remove the borders around the menu bar.

    I’ve tried everything found on here in the CSS stylesheet:

    This one:
    #access {
    box-shadow: none;
    }

    this one:
    #access {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    and these ones:
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 0px; border-top: 0px;}

    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }

    I have no idea why it’s not working. Please advise, thanks1

Viewing 1 replies (of 1 total)
  • Hmm, after looking at the Twenty Twelve theme, it looks like .main-navigation div.nav-menu > ul { border-bottom: 0px; border-top: 0px;} should be working.

    Are you able to post a link to your site so we can have a look at exactly what’s going on?

Viewing 1 replies (of 1 total)
  • The topic ‘Removing Borders from Menu – Twenty Twelve’ is closed to new replies.