Tagged: mobile menu, theme-options
-
AuthorPosts
-
January 31, 2015 at 2:34 pm #388755
Hello,
I have a Menu with different Submenus (some 2 level deep). If in the Theme-Options I have the “Hide Mobile Menu Submenu Items” ticked, a “click/touch” on the Menu-Item does open the submenu and closes it again, when I “click/touch” it again. But if the Top-Menu-Item itself links to a page, i’m not able to navigate to that page.
To illustrate the Problem:
– Top -Menu-Item 1 —-
Submenu-Item 1
Submenu-Item 2All 3 Menu-Items link to a page. But within the Mobile Menu I’m only able to navigate to the submenu-items if in the Theme options the “Hide Mobile Menu Submenu Items” is ticked. There is no chance to navigate to the page the Top-Menu-Item 1 is linking to.
The only solution right now is to not tick “Hide Mobile Menu Submenu Items”, but that makes the Mobile Menu very long, which is not very comfortable to navigate.
Is there any other solution I can use?
Link to the page: http://www.ggsaldenhoven.de
- This topic was modified 9 years, 9 months ago by visualpro. Reason: formatting
February 2, 2015 at 3:17 pm #389342Hi visualpro!
Please go to Appearance > Menus and add a new link with your titles and use # for URL and place new menu item as your parent menu item, so it will not be clickable
Best regards,
YigitFebruary 2, 2015 at 3:24 pm #389345Thanks Yigit,
but your solution will completely change my menu-structure, which I do not want.
I think I will make submenu-items with a link to the top-menu-page and sort them as first sub-menu-item and then use media-queries to only make them visible in the mobile menu.
It’s kind of a hack, but should work.
The more I work with enfold, the more I see its shortcomings on many levels. Responsiveness ans the mobile menu being a big part of it.
I have a custom stylesheet in my child-theme that is as long as the stylesheet that I have when developing my own theme. It is litered with !important tags and I’m constantly fighting against selector specifities. It’s really a pain.
Mirko
February 4, 2015 at 10:07 am #390605Hey!
If you need help with workaround you came up with, please let us know!
Best regards,
YigitJanuary 31, 2016 at 5:45 pm #575338Hello Moderator,
I have the same problem with the submenu issue. On the mobile is the menu way to long. So I clicked the option “Hide submenu”. But now I cannot enter a page. What is your solution for this problem?
Example:
http://www.annemariebraun.nl/team/ is not clickable on my mobile. But I really want people to click on that link.January 31, 2016 at 7:34 pm #575369Hey!
Iowah, please do try to work it around with the suggestion that Yigit made.
Best regards,
BasilisJanuary 31, 2016 at 9:37 pm #575428Hello Basilis,
That is exactly what I did. But there are some areas where I do not want to use that option.
Is there a beter solution for this problem?February 3, 2016 at 5:19 am #576865Hey!
If the parent menu item contains sub menu items, on first tap it will open the dropdown menu and only on the second tap that you will be able to go to the actual page. Is this not the case on your site’s mobile menu?
Cheers!
IsmaelFebruary 3, 2016 at 11:09 pm #577409Hello Ismael,
That is not the case with my site. If I tap again on my mobile, it shows that item and shows the main menu again.
Kind regards,
Iowah Munters
February 8, 2016 at 7:17 am #579385Hey!
I checked the mobile menu and I can browse through every page or menu items including those inside the mega menu. Which of these menu items you don’t have access to?
Cheers!
IsmaelFebruary 8, 2016 at 1:11 pm #579560Hello Ismael,
Most of the menu I organized it now in a mega menu, but there is still one page where I don’t haven another solution for.
If you navigate to:
–> Mind
–> Therapie / Coaching
–> Therapie & Coaching vormen (this page is an actual page) this page is only clickable on the computer.Kind regards,
Iowah Munters
February 11, 2016 at 6:08 am #581444Hi!
We can create a script to redirect you to the actual page when you click on the item or you can add another menu item under the “Therapie & Coaching vormen” that will take you to the page. Basically, you will have a sub menu item that will take you to the parent page “Therapie & Coaching vormen”.
Cheers!
IsmaelFebruary 12, 2016 at 1:10 pm #582194Hello Ismael,
If you could create that script, that would be wonderful.
Love to hear from you.
Kind regards,
Iowah Munters
February 14, 2016 at 10:47 am #582906Hi!
You can try the following code in the functions.php file.
// add go to link for mega menu items add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script> (function($){ var $html = $('html'); $('.avia_mega_div .menu-item-has-children > a').each(function() { $(this).append('<span class="mega-goto-link">Go to this page</a>'); }); $html.on('click', '.mega-goto-link', function() { var href = $('.mega-goto-link').parent('a').attr('href'); window.location.href = href; }); })(jQuery); </script> <?php }
This code will go to the Quick CSS field:
.mega-goto-link { font-size: 11px; position: absolute; right: 50px; cursor: pointer; } @media only screen and (min-width: 989px) { .mega-goto-link { display: none; } }
The code above will append a “Go to this page” link which will redirect you to the parent page when clicked or tapped.
Regards,
IsmaelJune 9, 2016 at 5:12 am #645212Hi – I tried this fix by adding the above code to my child theme css and child theme functions.php but nothing has changed on the site.
June 10, 2016 at 7:08 am #646057Hi,
We checked the site but I don’t see the script added in the page. Please create a new thread with the url to the site and the login details. We’ll check it there.
Best regards,
IsmaelJune 10, 2016 at 11:27 am #646153Sorry I had since removed that code as it wasn’t working and I found a different fix for the menu which is working for me except one issue with the mega menu one – see this thread:
Thanks.
June 14, 2016 at 5:08 am #647768 -
AuthorPosts
- The topic ‘Mobile Menu with Submenu Items’ is closed to new replies.