will love to get snippet or option to not display third level items in mega menu and wrap them in flyout sub menu.
is there kind of option?
]]>I am in ASTRA Free and Elementor. My header is sticky.
Is there a setting I am missing? Please, help.
]]>The only menu you offer is up top. (Seems clunky vs in a good spot — scrunched to the right by the page title. of which, the title disappears if I add an icon.
anyway, I was fine dealing with most of that, but hello, is there no sidebar menu list? You went to the effort to create a drop down one from the top.
OK, I could use the built in WP Menu widget, but that is a fixed always open multi level menu. I tried bellows. Eh horrible hack add on.
I had to change to, as you see, Twentyfourteen and turn on its flyout menu option which is built in.
]]>Is there anyway to remove or modify the overlay that is applied to the main page when the flyout menu is opened? It currently makes the website content darker, and I’d like to remove this.
You can see what I mean by clicking the menu icon on my website www.agreatermass.org
Thanks,
Luke
I really like your plugin but I’d like to set up a 3 level horizontal menu where the submenu, instead of flying out, always expands vertically.
So the desktop menu would be a normal horizontal menu (not a hamburger) but when you click on the submenu, instead of flying out to the left or the right, it would expand downwards like it does on mobile. On smaller screens it would function the same way as it normally does (hamburger and expand vertically).
Is there any way to achieve this?
Cheers,
Clare
I’m new at making websites and unfamiliar with their coding. I’ve been researching my issue and I think I’ve found the right terminology to describe the issue, but I still couldn’t find a solution online.
Some Background
I’m using OceanWP Theme, and have been customizing it. Only minor CSS code snippets have been applied. e.g. nolinkparent. All CSS code snippets were removed and the problem persisted.
I have plugins. e.g. Elementor, Max Mega Menu – All were disabled and the problem persisted.
To build the website, I have added multiple Template sections to each page using Elementor.
If I switch to another theme, the issue is gone, so the problem pertains to the way that I have set up the website or the Theme itself.
I also added a nolinkparent style element (via right click ‘inspect’)
“.nolinkparent > a {
cursor: default !important;
}”
The issue
I have my Main menu set up in the Top Bar, and I am using Flyout menus.
The submenus are correctly visible when hovering over the Parent Title, and the cursor correctly does not display a link (the hand) and remains a pointer.
When hovering over the submenu Titles, the cursor correctly displays a link (the hand) but only does so while the hover is within the Top Bar container. once the mouse hover falls below the border of the Top Bar, the cursor reverts to a pointer and the submenu closes.
So in other words, the hover action is being truncated by the website content. There is no visibility issue, but a cursor issue.
How can this be fixed so the hover persists beyond the bounds of the Top Bar container?
Thanks for your help
]]>Screenshots
https://ibb.co/hpcPMy
https://ibb.co/fcgjMy