Mobile Menu Page is not Clickable

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
6/13/2018 11:54:21 AM
Gravatar
Total Posts 70

Mobile Menu Page is not Clickable

I am having an issue where a menu item is not clickable on the mobile view. The page is set to be clickable and to be included in the menu. It has 5 child pages and 2 are not included in the menu. It works on a desktop but not on mobile. Https://www.angler-nation.com Select tournaments - Quantum NextGen Open. to see the issue We are running Mojo 2.6.0.0 on MSSQL 2014 using a modified Scout skin to include some CDN stuff for boating maps.
6/13/2018 5:43:42 PM
Gravatar
Total Posts 216
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Mobile Menu Page is not Clickable

Hi,

To be clear, you have pages underneath Quantum NextGen Open but none of them are visible in the menu to unauthenticated users?

The issue here is that the child pages are causing the menu item to behave as a "parent page" which means when clicked it is supposed to open up and show the child pages rather than go to the page, but no child pages are visible so it appears to do nothing. This is a bug either way - the easiest way to fix it would be to add a script that checks the menu items for the toggle class and detects if they have any child pages in the DOM after load, then removes the toggle class if no child elements appear in the DOM.

I ran this script on your site and it worked:

$('.site-nav li.dropdown-toggle').each(function() { 
	if (!$(this).children('ul').length) { 
		$(this).removeClass('dropdown-toggle open close');
		$(this).clone().insertBefore($(this)); 
		$(this).remove(); 
	} 
});

This script would need to be added to your skin in the js/main.js file inside the $(document).ready(function() { }); and the main.js will then need to be re-minified/compiled into main.min.js, and your browser cache will need to be cleared.

Alternatively, I have made this fix to our skin in the repo, so you can copy paste it from here assuming you've not made any other changes to your JS.

By the way, if you need to force-clear caches to fix this issue immediately, you can change the script call in your layout.master (by default its on line 240 if you haven't changed the layout.master) to this: <portal:SkinFolderScript runat="server" ScriptFileName="js/main.min.js?v=2" RenderInPlace="true" />

6/13/2018 8:19:43 PM
Gravatar
Total Posts 70

Re: Mobile Menu Page is not Clickable

Isaac, I will make this change when I get to the house and let you know how it goes. Thanks for the quick response and the support you give. It's a great product, love the Mojo. Regards, Joe Davis (not the other Joe)
6/14/2018 1:01:13 AM
Gravatar
Total Posts 70

Re: Mobile Menu Page is not Clickable

Isaac,

So I got to the house and cloned the mojoskins repo and uploaded the Scout skin to the site. I still had issues on my android phone running the new script though.

I did; however, find the issue that solved the problem for me,  seems that one of the child pages had the, "Is Draft?" setting clicked.  Once I cleared that setting, to false, I could use the menu as normal both mobile and desktop. 

 

I was able to reproduce it a couple times as well too. 

 

regards,

Joe Davis

6/14/2018 11:09:48 AM
Gravatar
Total Posts 216
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Mobile Menu Page is not Clickable

Joe,

Because the changes were done to a script, you would have to clear your device cache or else add the ?v=2 to the end of the script call in the layout.master to see the changes work - did you do that before testing?

While showing a child page will of course fix the problem, it doesn't actually fix the bug. I had assumed you didn't intend any of the child pages to show in the menu.

Thanks

6/14/2018 7:00:07 PM
Gravatar
Total Posts 70

Re: Mobile Menu Page is not Clickable

Isaac, So I tried to recreate the issue on the demo site and noticed the "Is Draft?" Option is not a available when creating a new page. Is that a site setting? Because I think that will permanently solve my issue. Joe
You must sign in to post in the forums. This thread is closed to new posts.