SOLVED: Mobile Menu Flashing on scroll

Bugs
1

Not 100% sure this is a bug but we’re having an issue with mega menus on mobile which appears to only happen with Android phones. When a user scrolls down the menu reloads or flashes. Then they have to scroll down again. If you scroll back up, it does the same thing. This wasn’t happening last week. As we were testing the one site getting it ready to launch. I have linked to two screen captures showing what is happening.

Capture 1: https://drive.google.com/file/d/11CC3B_lluCT0Y6n-BSnw3KOnLAM5SIwQ/view?usp=drive_link

Capture 2: https://drive.google.com/file/d/1Ze3Z8g7iIWs7DBaLa_V2gtYBY-fwOD_l/view?usp=sharing

Anyone know if there is something causing this or how to get it to stop?

2

How are you setting up your mobile menu? Those look like query loops within an accordion?

3

Hi @jsurdej,

first, welcome to the forum :partying_face:

Do you have a link, where I can check the website?

Thanks,
Matek

4

Yes… both are querying page or custom posts.

5

This site is not live but this is the link https://wordpress-240538-5256888.cloudwaysapps.com/ to the staging site.

6

So I had a look both on desktop and android phone and all looks fine to me. I do see that you are using automatic css, have you reached out to them as well?

7

No… I will try that as well. So you aren’t having any of the flashing or reloading?

8

No, sorry … not happening to me at this end. I do however see a lot going on with your mobile menu with a lot of different classes, so if some folks are seeing that flickering, then there might be a css conflict somewhere. I do see that accordion and the content within that accordion to be styled by automactic css, so that is why I suggested them as well.

9

Okay… yeah… This was inherited. I think I might just rebuild it.

10

Sounds good. Keep us posted.

11

shingen, I have submitted on the Automatic CSS group. Quick question, where you testing on Android or IOS? It appears to only happen with Android. Just curious what you were using.

12

I checked on both my Mac and Windows, then I checked on my Android phone and didn’t see the issue that your screen captured showed.

The thing is, it should not matter whether someone is on a desktop, laptop, or phone. The css is all the same other then the media breakpoints. One is not using different technologies based on devices.

13

No… I understand that. Just seemed odd. It works find on most devices for me but I have had issues on mobile and had enough other people test that it is a concern. Just trying to track down what the factor is so I can avoid it.

14

Yah I get that. My first feelings is that it is a CSS conflict, as there is a lot going on for a fairly basic mobile navigation. I know automatic CSS has been known to cause some conflicts, so that is why I suggested that as well.

15

Hey @jsurdej,

thank you for the link to the website. I was able to see the issue and replicate it locally. I’ve added it to our internal bug tracker.

Sadly, I don’t have a workaround for now.

Best regards,
Matej

16

Thank you! I appreciate your help.

1 Like
17

Hi @jsurdej ,

Can you provide admin access to your staging site so we can test a potential fix for this issue?
Please send to help@bricksbuilder.io and include this forum thread as a reference.

Thank you.

Regards,
Jenn

18

Hi Matej,

I just sent it over. Thank you again for your help.

Jeff

19

Hi guys,

We fixed this issue in Bricks 2.0 alpha, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.