[Resolved] Sub-Menu Fly Out Left Not Working Anymore

[Mary Pearson]

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.

[Leo]

Hi there,

I’m not seeing open-left class for that menu item:
https://www.screencast.com/t/rHSSFPh7hD

Can you double check?

[Mary Pearson]

Yes it is there. Please see screenshot.

View post on imgur.com

[David]

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.

[Mary Pearson]

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.

[Tom]

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);
}

[Mary Pearson]

That works perfectly!!!!

Many thanks Tom!

[Mary Pearson]

Oops. Sorry Tom. I just wanted it for the one sub-menu called Media, not for all of them.

[Tom]

It should only apply to menu items with that open-left class.

The other one opening to left has the same class.

[Mary Pearson]

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!!!

[Tom]

You’re welcome 🙂

[Author]

Posts