Archived topic
Sub-Menu Fly Out Left Not Working Anymore
10 replies · Started by Mary Pearson on May 14, 2020
I used the custom CSS code from Tom's Docs with "open-left" custom class for Sub-Menu item "About Orly -> Media". It has been working until tonight (that I first noticed). Now it isn't working. I've double-checked everything, tried it with other sub-menu items, but nothing works.
I deactivated all plugins and removed all other css, but nothing changes.
Would appreciate your input.
Thank you.
Hi there,
I'm not seeing open-left class for that menu item:
https://www.screencast.com/t/rHSSFPh7hD
Can you double check?
Yes it is there. Please see screenshot.
Hi there,
Do you have any plugins or functions that affect the Menu output? i am seeing an additional attribute data-wahfont="16" being added to the menu item anchors - wonder if the cause of that is affecting the additional class being added.
The source of that attribute is WP Accessibility Helper. I had originally deactivated all plugins before submitting this post, but I just deactivated again and it doesn't make a difference.
Hi there,
That code isn't designed to work with sub-menus.
You could try this:
.dropdown-hover .main-navigation:not(.toggled) ul ul li.open-left:hover>ul {
left: auto;
right: 100%;
}
.sub-menu li.open-left > a > .dropdown-menu-toggle:before {
transform: rotate(180deg);
}That works perfectly!!!!
Many thanks Tom!
Oops. Sorry Tom. I just wanted it for the one sub-menu called Media, not for all of them.
It should only apply to menu items with that open-left class.
The other one opening to left has the same class.
Yes you are quite right Tom. I'd forgotten that I'd moved one of the items. All is good.
Many thanks and much appreciated!!!
You're welcome :)
