-
Posts
-
When choosing”use as Mega Menu” on a item in the menu with sublevels, this will not fold out on the mobile version.
Is this to fix?
Hope to hear.http://www.autokallen.nl
Then choose for “onderhoud” and look at it on a mobile phone.Hey bishstan,
If your main menu item has no link or was just “#” make it your domain name/# and it should work.
Best regards,
Jordan ShannonI use https://www.autokallen.nl/#
Is this correct?, because it is still the same, no sublevels (fold out) on the mobile version.
Ps, send you login.Hi,
Please see the following solution. https://kriesi.at/support/topic/sub-menu-do-not-appear-in-mobile-menu-since-4-1/page/3/#post-838524
Let me know if this works for you.
Best regards,
Jordan ShannonI do not know where I have to look for in the threat.
By the way was https://www.autokallen.nl/# the right way to put in the menu?
Hope you can help.Hi,
Yes, that’s correct but the solution did not seem to work. I linked you directly to the solution. You just use the pastebin code and replace the default code in enfold\js\avia.js
Best regards,
Jordan ShannonI used the code on https://pastebin.com/qmubdK8n and replaced it in enfold\js\avia.js
No effect, the menu item “onderhoud” stil do not fold out (does not show subitems) on a mobile.
Is it possible that you look at it, would appreciate.
Sent you login credentials.Hi,
The mega menu columns of the “onderhoud” are empty, by “empty” it means that the columns do not contain sub menu items. Please do not use the mega menu columns as actual menu items, only use this option to separate menu items within the mega menu. You can either disable the mega menu option and create a default submenu or you have to add a sub menu item on each mega menu column. This used to work before but the new menu script doesn’t it allow it anymore.
Best regards,
IsmaelSorry, I do not understand.
I Love the theme and I have a new customer who wants to use the same template.
He has also many subitems.So before buying it I have to be sure that the problem can be solved.
Please explain, in steps would be fine, what to do.By the way, I am using this template already for a lots of my customers.
Hi,
We disabled the mega menu option of the “Onderhoud” menu item. You should see the sub menu items on mobile now. If you want to retain the layout of the mega menu, you can duplicate the “Onderhoud” menu item and use css media queries to display one version on mobile and another for desktop view.
Best regards,
IsmaelThanks so far.
The remark of my client was that, when using the standard menu (no mega menu) not all of the (sub)menu items are visible.
To many subitems, the last items in the column are not visible anymore on smaller screens.
That’s why I choose for the mega menu in the first place.What is best to do?
• when I looking at the theme http://kriesi.at/themedemo/?theme=enfold-overview and then go to menu-item “pages” it shows a mega AND this works also on a mobile.
• something else I tried:
I make a (new) menu-item, not empty but with content and give it some submenu’s. The main menu-item was defined as mega-menu. On the mobile the submenu’s are still not visible (no fold out).Hi,
The mega menu columns in the demo are displaying because they are not empty. The columns contain sub menu items unlike in your installation. Like I said, you can’t use the mega menu columns as a stand alone menu item. You have to add a sub menu item on every columns. We created an example. Please check the “Test” menu item.
Best regards,
IsmaelJust great, it works, I never would found that out myself.
Is there also a way to give it some design, like a line between the items (like in the example http://kriesi.at/themedemo/?theme=enfold-overview)?Great support, thanks.
For sure you have a new customer (as told)Hi,
Glad that we could help. You provided a link to the demo overview. Please remove the frame then copy the actual demo page url. You can try this css code for now.
#top #header .avia_mega_div > .sub-menu > li { border-right: 1px solid gray; padding-top: 0; height: 58px; width: 16%; } #top #header .avia_mega_div > .sub-menu > li:last-child { border-right: 0; }Best regards,
IsmaelMany thanks so far.
Is this what you mean: http://kriesi.at/themes/enfold/.
Would be great if the mega-menu looks like in the example (under menu-item pages or shortcodes).
All items straight in a column below each other.Hi,
I’m sorry but it’s not possible with your menu structure because there are multiple rows and columns without sub menu items. The demo’s mega menu has only 4 columns with sub menu items.
Best regards,
Ismael
- The topic ‘Choosing"use as Mega Menu", this will not fold out on the mobile version’ is closed to new replies.