Dropdown menu padding doesnt work

  • jorpa

    (@jorpa)


    10 years, 11 months ago

    The menu is “Nationella prov” @ http://laxhjalpstockholm.se/

    How come when I used this:

    “.top-navigation ul ul li:first-child:hover a {
    padding-top: 180px;
    }
    “
    it works.

    But when i use :

    .top-navigation ul ul li:first-child a {
    padding-top: 180px;
    }

    It doesnt work.

    I want to change the padding in the dropdownmenu but i cant get it to work.

    And i CAN use like, border-radius within
    .top-navigation ul ul li a {
    border-radius: 3px;
    }

    I’m confused

Viewing 1 replies (of 1 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 11 months ago

    Hey there jorpa,

    How are you doing today?

    This happens because there is already defined padding-top property on that specific selector http://screencast.com/t/f5JSEGZqXRS5.

    This also explains why you can add different property to the same selector and it works.

    The easiest way to deal with this and override the existing code is simply adding more specificity to the selector you’re using.

    So please try adding the following instead:

    #masthead .top-navigation ul ul li:first-child a {
    padding-top: 180px;
}

    Hope this helps and have a great weekend 🙂

    Cheers,
    Bojan

Viewing 1 replies (of 1 total)

The topic ‘Dropdown menu padding doesnt work’ is closed to new replies.