Question

beginning to rework site to be responsive ... yeah yeah... Anyway - have played with several menu plugins - all have worked but really like the look and robustness of mmenu so began playing with it.

All seems to load ok ... but it just never opens the menu?? Probably something REALLY silly but I'm just not seeing it...

the work page is here: http://devel.tennispensacola.com/index-mmenu.htm the mobile nav is displayed when the screen width is reduced, of course

have tried various arrangements of div id's and using "nav" instead of div etc. etc. .. also various js snipits to init things ... but, when I click the mobile menu open button - nothing happens?? any ideas would be GREAT! I'd really like to use mmenu for this one ... maybe replace the old non-mobile menu on the site with it as well but need to get it working first HA HA!

Thanks - Kicker

Was it helpful?

Solution

When i look in your source code i see this:

<style>
#mobile-header {display: none; background-color: #4c4c4c;}
.mobile_nav {display: none;}
@media only screen and (max-width: 585px) {
#mobile-header {display: block;}
#navDiv {display: none;}
/*.mobile_nav {display: block;}*/
}
</style>

Your mobile_nav wont go to display block because you forgot to remove the comment tags ( /* */ ).

Does this help??

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top