-
-
I use business corporate (business4) demo on my site. When I want to use mega menu, it seems like terrible because of background color issue. Here is screenshot: https://prnt.sc/iihmbq
How can I fix it?
-
Hello,
Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
Let us know if you need further help.Best regards!
-
That option does not fix my problem. If you visit my website, you can see issue. I guess mega menu option is not compatible for that demo. I’m waiting your solution. You must look screenshot, that background color must be transparent. Column title must be white when I hover the column.
-
Hello,
There is no problem with mega menu in any demo. Do you have any third aprty plugins installed? There must be a configuration in your installation that is giving the sub-menu this color on hover. However, you can ad this css into your Custom Css box to remove it:
.header_12 .full_nav_menu nav ul > li:hover { background: rgba(255, 255, 255, 0.15) !important; }
The sub-menu item titles are already white on hover (screenshot). If you want the entire sub-menu background to be transparent, then add this code as well:
nav .codeless_custom_menu_mega_menu.codeless_mega2 { background-color: rgba(255, 255, 255, 0.15); }
Result screenshot:https://postimg.org/image/hdnp6vdwl/
Let us know.
Best regards!
-
Sorry,
But the code didn’t solve my problem. If I add this code to custom css, menu item hover also will change. I don’t want to change menu item hover. Only I want to change mega menu item hover. In addition, I don’t mention about that title. You couldn’t see the title I mention about it. I mentioned about “Sistem” and “Ürün” title as column title.
-
Hello,
Please edit the above code to this:
nav .codeless_custom_menu_mega_menu.codeless_mega2 { background-color: rgba(255, 255, 255, 0.39); } .header_12 .full_nav_menu nav .codeless_custom_menu_mega_menu > ul > li:hover { background: #ffffff00 !important; } nav .codeless_custom_menu_mega_menu ul>li h6:hover { color: #ffffff !important; }
Result screenshot: https://postimg.org/image/8b65q1q5x/
Is this what you wanted? Let us know.Best regards!
-
-
You must be logged in to reply to this topic.