Handling sub-level menu styles seperately from header menu

  • Anonymous


    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.



    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.



    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.
Graphene Themes Forum