Mobile menu not visible on Android phone

Hi there, folks.
Just published this project, https://pepaubera.com/
and some feedback came back to me - users with android phones cannot see the header on mobile :slight_smile: I have an iphone so could not replicate the issue myself.
Please, if anyone has any idea how to fix this - would be much appreciated.
Screenshot with error and menu items in layout

attached.

hey… it looks like, the header is moving down “on scroll”. if i scroll down it finds it right position. So I would suggest to frist take out the on scroll animation of the header.

Hi! Thank you so much for your response. No, there is no animation for the header elements (logo, hamburger lines) to do anything on scroll. On some pages of the project, (not on the page the error was found on) a backdrop block appears on scroll, but the elements invisible on android (logo, hamburger lines) have no animations on scroll, only on tap, and that has no ties with opacity or movement.

hmm ok, strange … Haven´t seen this problem.
But first of all I would fix the logo to the left upper corner and the menu to the right corner and not the middlepoint! I wouldn´t know why, but maybe this is fixing it.

In summary the problem is this: The adressbar is hiding if you scroll down and gets shown if scrolling up, which changes the height of the htmlcontainer that has the fixed elements in it. This probably can be fixed with custom code though. But I would first try to solve it inside RM. Maybe the support can also have a look on this.

1 Like

Thank you! Sounds good, I fixed it according to your instructions will see if troubleshooting shows the error again. Thank you for your time!