NO BUG: Mobile Menu fails to display

Browser: Chrome / Safari
OS: Mobile OS
URL: www.dangersolutions.com.au
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

I have checked the website and the ‘normal’ menu displays fully. The mobile menu used to work and now doesn’t. No significant changes have been made so presuming it may have to do with changes in updates. I’ve tried turning off all of the plugins and it still doesn’t function. I’ve checked the bricks builder code and there is The menu under nestable has a toggle for opening the mobile menu in the correct place but no matter what, I can’t seem to get it to display?

I’ve noticed that on the preview screen - it will display on full screen mode, but not on mobile screen size?
Ive checked the breakpoint is at mobile portrait and have tried changing this also but it seems like nothing I do will make it display the mobile menu on mobile?

Hi Dan,
Welcome to the forum and thanks so much for your report!

Seems like it’s because of this display: none :thinking:

Best regards,
timmse

Hiya @timmse
Looks like you’ve found the exact issue!
Mate - I was wondering if there was something just not displaying it for some unknown reason - I’ve been trying to find what is wrong for h̶o̶u̶r̶s̶ d̶a̶y̶s̶ - actually … almost a week. :face_with_peeking_eye:

Thanks very much - I’m tracking down why it has been set to not display and think I’ve found it. Now the work comes to get it running properly - but thanks so much for this!

1 Like

Did you find out what happened here? Because I’ve just noticed this on 2 of my bricks sites that I’ve checked so far… Nothing changed on them other than updating to the newer version of bricks…

When I checked the site after the updates, I was checking from my desktop PC - switching between mobile device views in my browser, but I hadn’t checked from my actual phone until now.

Mobile menu loads fine on a desktop PC pretending to be a mobile device. But the standard full menu is what actually shows when using an actual phone, not the mobile menu :face_with_raised_eyebrow:

Very strange… as it was definitely working previously

(I wish I could view the source to see if it’s the same problem, but I’m out of the office for a few hours and only have my phone :confused:)

OK… Looks like a setting in perfmatters is the culprit for me :thinking:

Strangely activating perfmatters on the staging version doesn’t break it there… Only in production… anyway at least I know it’s not 2.0.2 causing it :+1:

Just in case someone else runs into the same problem, I narrowed it down to the “Remove unused CSS” setting in Perfmatters.

Turning that option off fixed it for me :ok_hand:

1 Like

Are you using the megamenu 2 from Fancy Bricks? I am also using it on a site and today noticed it was not displaying on mobile devices. This has been working fine for more than 2 years now. I didn’t touch anything on this header template for a long time. Even though the turning off display:none brought it back, the question is what changes in Bricks that caused it to not work!?