Return to previous page

Sub menu and second menu hover colour effect

This topic has 6 replies, 3 voices, and was last updated 10 months, 2 weeks ago ago by Andrew Mitchell

Ajaz

Participant

April 5, 2024 at 06:03

My submenu in the shop menu and my static block second menu which starts from FAQ to shipping hover color effects are light.

They look like they have a transparency or some kind of shadow effect on them. When you hover over the main menu e.g. home, shop, contact us, etc, the red hover color is full strength but the sub-menu and second menu are not.

I am not sure how to edit this so all of the hover color effects are in full color, please advise?

#390146 Copied Theme version: 9.3.3

5 Answers
Luca Rossi

Support staff

April 7, 2024 at 14:52
Hi @Ajaz,

Please add the following CSS code under Theme Options > Theme Custom CSS > Global CSS:

body .et_b_header-menu .nav-sublist-dropdown .item-link:hover { opacity: 1; }

Hope it helps!
#390490 Copied
Ajaz

Participant

April 7, 2024 at 16:36

Hi Luca,

I have applied the code, and this does not work.

The code above your code is for my main menu and the opacity is set to 100 for the hover color to show full. I applied 100 opacity to your code and this also does not work.

Please advise?

#390513 Copied
Luca Rossi

Support staff

April 8, 2024 at 05:22
Hi @Ajaz,

The opacity attribute is available from 0 to 1. You put 100 is not correct.

We’ve reverted the custom CSS code to this:

body .et_b_header-menu .nav-sublist-dropdown .item-link:hover { opacity: 1; }

And here is how the sub-menu items look on our end:

https://prnt.sc/wuOZphFGS2Gx

Please clear the cache and check again.

Thanks!
#390539 Copied
Ajaz

Participant

April 8, 2024 at 09:09

Fab, this is resolved.

#390577 Copied

Andrew Mitchell

Support staff

April 8, 2024 at 09:09

Dear Ajaz,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#390578 Copied
Tagged: customize woocommerce menus, efficient woocommerce navigation, submenu hover effect, woocommerce templates, wordpress second menu colour, wordpress template customization
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Sub menu and second menu hover colour effect’' has been successfully resolved, and the topic is now closed for further responses

Sub menu and second menu hover colour effect

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection