Hi, I want to underline the top level item in the main menu when either that item or any of its child items are selected.
See private content for website example.
Hey Shannon,
Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:
.parent-pageid-12087 #menu-item-10025 .avia-menu-fx {
background-color: #03093b;
}
Best regards,
Rikard
Hi Rikard,
No problem. Unfortunately that code didn’t work for me.
Is there another fix I could try? I would like for this to apply to all pages across the website, not just in the example that I sent in my first message. So if any page is connected to one of the main menu items, the corresponding menu item will be underlined when any of its children pages are open.
Thank you for your help! It’s much appreciated!
Hi,
Please try this CSS instead:
#avia-menu li.current-page-parent > .avia-menu-fx {
background-color: #03093b;
}
Best regards,
Rikard
Hi Rikard,
Thank you, but that code didn’t work either. I don’t see any difference in the appearance of the menu.
Hi,
Thank you for the update.
Try to use this css code instead to enable the indicator for the grand parent menu item.
#top #avia-menu .current-page-ancestor .avia-menu-fx {
position: absolute;
bottom: 0;
opacity: 1;
visibility: visible;
background-color: #03093b !important;
}
Best regards,
Ismael
Perfect, that worked. Thank you so much for your help Rikard and Ismael!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon