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

This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago by maxfancydolly.

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

Author

Posts
March 28, 2022 at 12:00 pm #364593

maxfancydolly
Participant

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

March 29, 2022 at 6:16 am #364774

Bogdan Donovan
Keymaster

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

March 30, 2022 at 6:18 am #365084
maxfancydolly
Participant
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, 4 months ago by maxfancydolly.
March 30, 2022 at 6:27 am #365090

maxfancydolly
Participant

No bother,

I’ve figured it out myself
Author

Posts

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

The topic ‘How to apply the “Menu Underline style” when hovering on the submenu’ is closed to new replies.