How to apply the “Menu Underline style” when hovering on the submenu

Hi there,

I’ve recently updated my theme to the latest version but sadly found the “submenu underline on hovering” function doesn’t work.

(It works perfectly for the main menu, but doesn’t work for the submenu items)

Screenshot for clarification: https://8upload.com/image/6241a32127b7a/submenu_underline.png

I’ve found the “Submenu underline on hovering” function was related to this class ” wd-style-underline”

Can you tell me how should I make it work for the “submenu items”

Thank you very much!

Regards

Hi,

Since 5.* version of the Woodmart theme, which was released several years ago, the navigation structure was refactored. This change allowed us to optimize HTML structure and reduce the size of CSS.

Unfortunately, due to these changes structure of the dropdown was changed, and underline styles now cant be available inside dropdown sub-menu items.

Kind Regards

[maxfancydolly]

Hi,

After browsing on the Google, I have found a solution

https://www.30secondsofcode.org/css/s/hover-underline-animation

The questions is,

How should I apply the custom Class name to the “submenu” items please?
or
Is there a general Class used only for the submenu items please?

Thank you

• This reply was modified 3 years, 1 month ago by maxfancydolly.

No bother,

I’ve figured it out myself

[Author]

Posts