Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 10, 2013 at 1:53 pm #198531
    Angiec13

    Hi- Love this theme! I have been monkeying for a long time with something simple and I can’t get it. http://grab.by/sIT4 —-this screenshot shows the last menu item with the wrong padding on the right side. I tried to put the right padding in there with this css:

    #top .main_menu .menu > li:last-child > a {
    {
    padding-right:13px !important;
    padding-left:13px !important;
    }

    It didn’t work. What css would I use to make sure the on hover background color appears the same width/with the same padding, on both sides?

    Thanks!
    Angie

    December 10, 2013 at 3:30 pm #198555
    Ismael

    Hey Angiec13!

    Please remove the css modification that you added. Use this instead:

    #top .main_menu .menu li:hover {
background: red;
}

    Regards,
    Ismael

    December 10, 2013 at 3:45 pm #198561
    Angiec13
    This reply has been marked as private.
    December 10, 2013 at 3:46 pm #198562
    Angiec13
    This reply has been marked as private.
    December 11, 2013 at 4:24 pm #199043
    Devin

    Hi!

    The last child on the menu has its padding removed. You can change that with:

    #top .main_menu .menu>li:last-child>a {
padding-right: 0;
}

    Best regards,
    Devin

    December 11, 2013 at 4:46 pm #199064
    Angiec13

    Thanks- that worked! :)

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu CSS?’ is closed to new replies.