Hello;
We are using the construction demo data and have a question regarding the sidebar menu listed under services. When you select services from the top menu it opens a left sidebar menu. How do we change the colors for hover and selected for the sub-menu to match the main top menu? Also, the top menu does not stay actively selected once the sidebar is open.
The development site is: http://035.acc.myftpupload.com/
Select Service and any sidebar item. We would like “Service” to remain highlighted and have the sidebar menu be the same green when active. Thank you.
Hey Diane,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a,.av-main-nav > li.current-page-ancestor > a > .avia-menu-text {
color: #6dc069;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Almost there…How do I remove the white box around the selected menu item?
Hey!
Please add following code to Quick CSS as well
.main_color .widget_nav_menu ul:first-child>.current_page_item {
background: transparent;
}
Best regards,
Yigit
I also added box-shadow: none;
I am assuming that this won’t break anything else.
Thank you for the help. The theme is amazing to work with.