Mobile Menu

[arpita-addweb]

Site Area : Mobile , Priority : High

Description : Find a solution for a mobile menu that contains main and footer menu and is cache able.

[vivek-addweb]

Hi Rainer

Mobile menu design is pushed on develop branch. Mobile menu block combines header and footer menu. Please do following : go to "admin/structure/block" and assign "Mobile Menu" block to "Navigation bar" region

[heliogabal]

Hi Vivek,

I really like the menu style, but there still seems to be a bug with the click function. When I first click the menu burger icon, the menu opens but doesn't stay open but closes back directly and the icon is switched to the close x. Now I can click the x icon and open the menu just fine, but icons are toggled, so I see the x when I should see the burger and vice versa.

I looked at the script, and I think you don't need another $(document).ready(function() { as it is already inside the Drupal.behaviors.BearScripts. But that didn't solve the problem, so there must be something else.

I tested this on my mobile (Moto G) and chrome dev tools.

[heliogabal]

The mobile icon should also align with the other icons (don't know why they don't show up here, still have to check), so you should get rid of the @media (max-width: 1024px) .meanmenu-reveal { margin-right: 40px; }

[vivek-addweb]

I will check burger icon click issue.

[heliogabal]

Hi Vivek,

please make sure to focus on this issue and #2 first, as right now, the mobile version is unusable on the live site, so this should be the first thing fixed if possible.

Thanks!

[heliogabal]

Hi Vivek,

Great, I tested it, and now it's ready for production. I adjusted the position of the leaflet zoom, scale and attribution and of the service menu icons with my last commit, can you merge this in the master branch at the same time, or do I have to do it?