[Resolved] show sub-menu arrow

[Qi]

Hello,

I have disable the arrow on main (all) menu by adding:

@media ( min-width: 768px ) {
.sf-menu li a::after {
display: none;
}
.sf-menu > li a {
padding-right: 1.5em !important;
}
}

but how can I show an arrow in the item of main dropdown menu to indicate that there is submenu?

i.e. No arrow on main menu, but on submenu

[Tom]

Give this a try (instead of the above):

@media ( min-width: 768px ) {
    .sf-menu > li > a::after {
        display: none;
    }
    .sf-menu > li > a {
        padding-right: 1.5em !important;
    }
}

[Qi]

Thank you Tom!
It worked as expected! Thanks for your work.

[Tom]

You’re welcome 🙂

[Author]

Posts