hover to be active on the main menu while hovering on the submenu

Hello,
I’m facing a problem in keeping the hover effect active on the main menu while hovering on the sub mega menu.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website.

How did you add a different hover background color to each item in the menu??

Please provide me with the steps to check it myself and help you out accordingly.

Best Regards

Hello,

We have used the html block to create the mega menus, and added css code for each menu category as following:

/* main menu hover effect*/
.Bathroom-nav a:hover {
background-color:#dee8ef;}

/* Bathroom sub menu hover effect*/
#menu-bathroom-menu-jet li:hover > a{
background-color:#dee8ef;
}

We want to maintain the hover color effect on the main category while hovering on the child category (sub-menu)

Regards

Hello,

Please try this CSS:

#menu-primary-menu-jet li:hover {
background-color:#dee8ef;
border-radius:20px;
}

Best Regards

Hello,

We tried the SCC code you sent, but it will affect all main categories and color it in one color,
what we want is to have each category in a different color (menu box color)

for example, the furniture color is pink, the bathroom is blue, the kitchen is green as per attached photos

Attachments:

You must be logged in to view attached files.

Hello,

You need to assign different classes to each item in this menu: https://gyazo.com/2fa7c8e141f115dfc2ac227b9da46d1c

I will give the custom CSS.

Best Regards

Hi,

Thank you, we are waiting for the custom CSS.

Regards

Hello,

Sorry, I have figured out what you want, however, it is not possible to achieve with CSS.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts