0

I'm using the mobile navigation module for a responsive menu, and it works perfect if I resize the browser window on my desktop, but it won't work on actual mobile devices (tested on iPhone and Galaxy Note 2). I've used the module before and never had any issues, and I'm using the same configuration, as far as I can tell. I can't figure out why it's not working.

This is the site I'm working on, and here's a screenshot of the problem on the Note 2. I recently upgraded my server from PHP 5.2 to 5.3, but I don't think that could be causing this issue (plus I needed to upgrade for a different module).

Other than that I really have no clue, so I'd appreciate your help.

2 Answers 2

1

There is a jQuery error happening on your webpage. enter image description here

You need to fix that either by trying var $ = jQuery.noconflit(); OR Update the version of jQuery to 1.7, don't upgrade to version higher than 1.7 since jQuery 'on' function will not work.

Thank, Vineeth

1
  • 1
    Thank you! I updated to 1.7 and it worked. Oddly, that error was missing from my console, or I missed it, now I'm not sure. Anyway, thank you for taking the time to help :)
    – brunn
    Jul 10, 2014 at 18:38
0

This just happened to me, and I hope that it will save someone the frustration that I have felt:

The responsive menu not appear at screen width < 480px? I was so frustrated with this until I, with the help of Him, figured out the bug. I tried changing the jquery and messed with the .module file associated with it, but still I couldn't get it to work.... until now: The code for it was this:

.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
position: absolute;
z-index: 999;
top: auto;
}

For some reason beyond me, it works well on screen sizes > 480px, but as soon as it hits that size, it just doesn't work. Here is to code to get it to work on screen sizes < 480px:

@media only screen and (max-width:480px){
        .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
        position: relative;
    }
}

Hope that helps someone!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.