Hi,
we use the mega menu feature on the site and we noticed something strange.
If we visit this subpage http://delruseurope.com/product-categories/ultrasound/ (which is in the mega menu) an other menu is blue as well, the “Patient Monitor”.
I think the Ultrasound should blue only, bacause we are on this page, so this is active.
Why is the other Patient Monitor blue too?
Screenshot:
https://dl.dropboxusercontent.com/u/30820584/Two_active_menu_at_the_same_time_%27Ultrasound%20-%20DELRUS%20EUROPE%27%20-%20delruseurope_com_product-categories_ultrasound.jpg
Is it a bug, or should I adjust something?
Thank you,
Zsolt
Hey brandworld!
Try adding this to your custom CSS.
.header_color .main_menu .sub-menu ul:first-child > li.active-parent-item > a {
color: #838aa0 !important;
}
Regards,
Elliott
Hi Eliott,
thank you for your answer. I applied the CSS and this problem is solved, but we have an other.
If I am on the Patient Monitor subpage, but the active menu is not blue, but it should be.
This same problem if I click on the “Capsule Endoscopy”. The other menu elements work great.
Find here the screenshot: https://dl.dropboxusercontent.com/u/30820584/mega_menu_active_not_blue_at_the_top.png
Zsolt
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top #header .avia_mega_div > .sub-menu > li > ul li.current_page_item > a > .avia-menu-text {
color: red;
}
Cheers!
Yigit
Hello Yigit,
thank you for the code. :-)
I changed the color code (because it was red) at the end of your code and it works.
The code with my change:
#top #header .avia_mega_div > .sub-menu > li > ul li.current_page_item > a > .avia-menu-text {
color: #2d5c88;
}
Thank you for your help!
Zsolt