menshealth.com - Touch interactions are not working on mobile

[webcompat-bot]

URL: http://www.menshealth.com/
Browser / Version: Firefox Mobile 41.0
Operating System: Android
Problem type: Something else - I'll add details below

Steps to Reproduce

1. Navigate to: http://www.menshealth.com/
2. …

Expected Behavior:

Actual Behavior: menu button doesn't work. No menu overflow.

[karlcow]

• Top right menu is not working on tap
• Carousel is not working
• search button is not working on tap
• share button in articles not working
• bottom page with promoted stories is too large

[karlcow]

top right menu

The markup for the top right menu is the following 😢

<div id="mobify-menu"><span id="mobify-menu-toggle">Menu</span>
    <div>
        <a title="Automobile" href="/">Home</a>
        <a title="Bizarre" href="/fitness/">Fitness</a>
        <a title="Business" href="/sex-women/">Sex &amp; Women</a>
        <a title="Critic" href="/health/">Health</a>
        <a title="Design" href="/nutrition/">Nutrition</a>
        <a title="Environment" href="/weight-loss/">Weight Loss</a>
        <a title="Style" href="/style/">Style</a>
        <a title="Lifestyle" href="/grooming/">Grooming</a>
        <a title="Video" href="/video/">Video</a>
        <a href="https://secure.rodale.com/webapp/wcs/stores/servlet/OaeEntryPage?storeId=10057&amp;mktOfferId=HLH62519&amp;keycode=I4EZ0A00&amp;cm_mmc=Menshealth.com-_-Mobile-_-MH%20Mobile%20Simple%20Nav-_-OfferId_HLH62519_keycode_I4EZ0A00">Subscribe</a>
        <a href="#" class="last" onclick="Mobify.desktop()">Full Site</a>
    </div>
</div>

ok Many resources are not loaded on Firefox Android.

14:29:14.118 ReferenceError: Mobify is not defined www.menshealth.com:65:31
14:29:14.334 ReferenceError: jQuery is not defined www.menshealth.com:90:5
14:29:14.834 ReferenceError: Mobify is not defined www.menshealth.com:170:1
14:29:14.875 ReferenceError: Mobify is not defined www.menshealth.com:469:0
14:29:14.909 TypeError: $ is not a function www.menshealth.com:475:1
14:29:14.938 ReferenceError: Mobify is not defined

[sagrid]

The latest nightly doesn't have such a problem. However being so buggy on my device (videos doesn't exit from full screen, zoom level overwrite some clickable links etc) it was reinstalled and I must say that user experience is a little bit different.

[sagrid]

For "zoom level" read: doesn't have a proper click delay in relation with touch adjustment feature. That's not the case here but note that site compat is not under discussion here.

[karlcow]

@sagrid I tested with Firefox Nightly on Android too. I confirm issues I put in the previous comment.
When you tap on the menu does it expand for you?

Could you share your UA when testing?

[sagrid]

Browser
Headers Mozilla/5.0 (Android; Tablet; rv:41.0) Gecko/41.0 Firefox/41.0
Match
JavaScript UA Mozilla/5.0 (Android; Tablet; rv:41.0) Gecko/41.0 Firefox/41.0 Menu, slide, search button, everything looks fine with latest build or 2015-06-02 running on Nexus 7 gen 1 Android 4.3.

[karlcow]

Ah! Tablet. Let see if we have a different behavior. With the Tablet in the UA, you are receiving the desktop site not the mobile site. So indeed different behavior.

The issues described above are for the Mobile site.

[hallvors]

Seems to work fine on Firefox Android and Firefox OS. I did also test on a Firefox OS tablet, seemed OK. I could not find any videos on the site.