Handling sub-level menu styles seperately from header menu

  • vasvaria

    #4025

    Dear All,

    Can anyone tell me how to style a sub-level menu seperately from the header menu?

    (I’m not talking about the secondary menu.)

    I only found #header-menu > li {} but that also changes the properties of the sub-level menus (font-size, letter-spacing, ect.)

    I want to change the style for first-child, second child, ect. seperatly from the main header menu.

    If possible, it would be usefull for the secondary menu, too.

    Thank you in advance.

    Josh

    #27015

    This has been covered lots of times on the forum. Try searching around a bit.

    This may help get you started…

    #header-menu ul li {
    background: url("images/sprite_h.png") repeat-x scroll left -777px #DFDFDF;
    }

    #header-menu ul li a {
    color: #000000;
    padding: 10px;
    width: 180px;
    }

    These are just examples… which will need to be modified to your preferences.

    vasvaria

    #27016

    Thank you, Josh!

    I’ve searched for this before posting but it must’ve avoided my attention.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!