Support » Themes and Templates » target menu dropdown for custom css

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Andrew Nevins


    Forum moderator

    Sounds like you just need to append an “li” at the end of your selectors.
    For 2nd level items: li

    For 3rd level items: li li

    Each submenu item you have comes with an ID as well so I can’t see how your original technique wasn’t sufficient.

    Anyway, can you identify where you found that theme and which license that theme is released under?

    Hi Andrew,

    Thanks for your help but this doesnt seem to work, could it be because the items that I am targeting are not actual pages, but links to other websites?

    I am building this theme myself, Im still pretty new to theme dev though 😉

    As I can see it’s simple. This is your code from navigation:

    <li id=”menu-item-199″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-199″>SERVICES
    <ul class=”sub-menu”>
    <li id=”menu-item-198″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-198″>Our Services
    <li id=”menu-item-197″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-197″>Warrantee
    <li id=”menu-item-196″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-196″>Support

    Now, this is only services tab from navigation, if you want to target li from dropdown use class or id of li that is on dropdown ul. You will have to see is there any style applied that overwrite yours. And change styles in class that is written. Please ask for more detailed if you don’t understand. I’ll be glad to help you.

    .menu-item-157 IS a sub-menu item. There’s nothing under it except for the link/anchor.

    Can you be more specific on what you’re trying to achieve?

    Im trying to change the line height on 156 and 157 sub-menu items, the full item label is not showing (should say ‘outsource digital zimbabwe’ and ‘outsource digital botswana’)and if i change the line height on all the menu dropdowns then the rest of the labels that are only one line look off.

    .menu-item-156 a, .menu-item-157 a {
        line-height: 1.3;

    Thank you Ronangelo! it worked & u rock 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘target menu dropdown for custom css’ is closed to new replies.