mega menu not working on mobile – Themeco Community

mega menu not working on mobile

appletreeweb — Sat, 21 Feb 2015 21:57:29 +0000

I have installed mega menu and I am using integrity theme with child theme set up. I am having problems with the mobile menu working, I get the icon with the lines in it but then if i touch this I then get another icon the same but neither work. It seems other people have had the same issue and the plugin author made a suggestion however not sure if this will work with the x-theme. Are you able to advise?

Here is the link to the wordpress megamenu support issue with their answer:
https://wordpress.org/support/topic/mobile-menu-shows-twice-but-neither-works-iphone

Reply To: mega menu not working on mobile

Christopher — Sun, 22 Feb 2015 10:44:28 +0000

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Reply To: mega menu not working on mobile

appletreeweb — Sun, 22 Feb 2015 14:48:49 +0000

This reply has been marked as private.

Reply To: mega menu not working on mobile

Nico — Sun, 22 Feb 2015 23:09:09 +0000

Hi There,

This could a 3rd party plugin compatibility issues. You could try to test if its the mega menu plugin cause this issue. Try deactivating it then test it in mobile it still show the issue.

Unfortunately, 3rd party plugin compatibility issues is beyond our scope of support however you might want to check x theme integrated megamenu. https://theme.co/x/member/kb/how-to-setup-megamenus/

You might want to check this link: https://theme.co/x/member/kb/solutions-to-potential-setup-issues-navigation/

Hope it helps.

Thank you for understanding.

Cheers!

Reply To: mega menu not working on mobile

appletreeweb — Mon, 02 Mar 2015 23:45:42 +0000

No problem, my mistake I didn’t realise x-theme had its own megamenu as a shortcode. I have set that up now and that works great. Just one question, if you look at my demo site one of the the drop down mega menus – Cleaning solutions has only 2 items in it and compared with the paper rolls drop down which is 4 columns, the cleaning solutions looks odd as its so spread out. How can I set the drop down megamenu to only take up the width it needs rather than being a set percentage width?

Reply To: mega menu not working on mobile

Paul R — Tue, 03 Mar 2015 09:34:37 +0000

Hi,

You can adjust the width of the sub menus by adding this under Custom > CSS in the Customizer.


/* paper rolls sub menu width */
.x-navbar .desktop .x-nav .x-megamenu.menu-item-148>.sub-menu {
     width:50%;
}
/* cleaning solutions sub menu width */
.x-navbar .desktop .x-nav .x-megamenu.menu-item-150>.sub-menu {
     width:50%;
}

Change 50% to adjust the width of your submenus.

Hope that helps.

Reply To: mega menu not working on mobile

appletreeweb — Tue, 03 Mar 2015 22:12:11 +0000

Thankyou, that works great for the sizing issue. The drop down for cleaning is now smaller but is aligned to the left of the page so it doesn’t look like it relates to the Cleaning Solutions header, is there a way of making this display underneath the Cleaning Solutions nav header?

Reply To: mega menu not working on mobile

Christopher — Wed, 04 Mar 2015 08:19:04 +0000

Hi there,

Did you remove ‘Cleaning Solutions’ menu item? I can’t see that.
Please bring it back so we can help you.

Thanks.

Reply To: mega menu not working on mobile

ashafei — Sun, 03 Apr 2016 14:57:56 +0000

Mega Menu doesn’t work for me at all. If you inspect the page you would see that it’s activated, but only the main top-level menu items show up as links!!!

Here’s the site’s IP: http://162.243.42.187/

Reply To: mega menu not working on mobile

Rue Nel — Mon, 04 Apr 2016 02:43:00 +0000

Hello There,

Thanks for updating this thread! To properly implement Mega Menu in X, please check out our knowledge base here:
https://community.theme.co/kb/how-to-setup-megamenus/

And by the way, X 4.4.1 is now available! This release contains several bug fixes and we’re quite excited about the new features, so be sure to check out the changelog. Please do update to the latest version. After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.