Jetxpert-EnvatoBlockedJuly 27, 2018 at 6:55 pmPost count: 339
When I click on the mobile menu “hamburger,” how can I make the main menu items (links) toggle to display their sub-menu items when I click on them? The “down arrow” next to the main menu items is very small — many times useless or a hassle to use.
Toggling to display the sub-menu items when the main menu item is clicked is a much better experience as offered by many other website themes. Perplexed that the Avada team hasn’t fixed this yet or incorporated this as a feature in their theme.
Hoping some you “gurus” can share (or come up with) a CSS to fix this.
Thank you!Karina VarnerParticipantAugust 9, 2018 at 6:56 pmPost count: 2
I’m having the same issue. It used to toggle. Bug maybe? Anyone have answers?steven66ParticipantAugust 30, 2018 at 2:12 pmPost count: 3
I am using avada version 5.6.1
The mobile menu is not showing any sub menu levels. I have assigned the menu to mobile menu but sub menu items not showing. No arrow. Any suggestions as to where to look.
Thank yousteven66ParticipantAugust 30, 2018 at 2:18 pmPost count: 3
I had the menu set to flyout in Avada Themes – Menu – Mobile Menu
If I change it to Classic or Modern the arrow appears and sub menus workJetxpert-EnvatoBlockedAugust 30, 2018 at 3:14 pmPost count: 339
@steven66: Glad it worked for you! Unfortunately, your answer does not appear to solve the original problem presented above.
Currently, when you click on the mobile menu “hamburger,” the website’s main menu items appear with a small arrow next to them indicating there are sub-menu items. When we click on one of these main menu items, we are directed to the corresponding web page instead of displaying the sub-menu items in the menu. The only way to achieve this (i.e., display sub-menu items) is to click on the down arrow.
Here’s a good example of what I’m trying to convey:
(1) Using your mobile device, visit this website: https://avada.theme-fusion.com. Click on the ‘hamburger,” then tap on “Home.” You’ll be directed to the “Home” web page. The sub-menu items won’t be displayed (you have to click on the down arrow to make it happen).
(2) Using your mobile device, visit this website: https://www.distilled.net. Click on the “hamburger,” then tap on “Resources.” Sub-menu items will then be displayed.
See the difference? Can you help find a solution for this?
Hope this makes more sense now. Cheers.
PS: Not affiliated with any of the above websites.strangefinderParticipantAugust 30, 2018 at 4:27 pmPost count: 11
i did this in the custom css, but nor a real solution
content: ‘ \e61f \00a0’;
font-weight: bold;Jetxpert-EnvatoBlockedSeptember 1, 2018 at 12:33 pmPost count: 339TSParticipantOctober 14, 2018 at 7:22 pmPost count: 1
Me too. This should be a template limitation.
I’m wondering when Avada can solve this issue, it makes no sense.Jetxpert-EnvatoBlockedOctober 14, 2018 at 7:58 pmPost count: 339
Avada has conveyed to me they plan to take care of this in a forthcoming update. Stay tuned.
Cheers!Jetxpert-EnvatoBlockedOctober 31, 2018 at 3:55 amPost count: 339
I can confirm that this issue has been solved with Avada 5.7.1.
Avada 5.7.1 Changelog Entry: “- FIXED: Mobile menu empty parent links not toggling sub-menus on click”
Please note that the fix applies only to mobile menu “empty” parent links. To create mobile menu “empty” parent links and sub-menu links, follow these steps:
(1) Go to WordPress Dashboard > Appearance > Menus > Custom Links
(2) At the top of the screen where is says “Select a menu to edit”, select “Mobile Menu” (or similar).
(3) At the bottom of the screen where it says “Menu Settings” and “Display Location”, select “Mobile Navigation”.
(4) In Custom Links, enter “#” (no quotes) in the URL field, then enter the name of your parent link (e.g., ABOUT) in the Link Text field.
(5) Click the “Add to Menu” button.
(6) Repeat Steps (4) and (5) above for all “empty” parent links you want to create.
(7) After creating all of your “empty” parent links, create all of your corresponding sub-menu links under each “empty” parent link using Custom Links again, except enter the proper URL address of the link you wish to use and its corresponding name (e.g., Our Team, Our Company, etc.) in the Link Text field.
Cheers!philipbutlerfreelanceParticipantFebruary 13, 2019 at 1:30 pmPost count: 8
Your best bet is to submit a ticket to Avada, as you indicated. Cheers!philipbutlerfreelanceParticipantFebruary 13, 2019 at 2:23 pmPost count: 8
Just heard back from Adada Support, here is what they have to say:
Flyout menu does not support sub-menus right now, its a feature planned for future development of Avada and I have submitted a +1 vote on our developer to-do list item on your behalf.
So anyone wanting to have a flyout with dropdowns, may I suggest you vote to get it included!
- You must be logged in to reply to this topic.