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
.
