-
Posts
-
HI
I was just updating an older site and noticed the flyout burger menu on mobile is blank. It was fine the last time I checked it. I can see in the inspector that the links are there, but it’s all invisible on the flyout. Have not done any styling to the mobile menu – should be defaulting to the main color scheme. Any ideas what is going on?thanks for your help
NancyHey Munford,
Please, try to disable all your plugins to check if someone is conflicting.
Best regards,
John TorvikI tried that but no change. Still don’t understand what is causing the menu issue, since I have not changed any plugins and the site was working fine. The menu items are there, but are restricted to showing only in a small window if you scroll down. Looks like there is something restricting the height of the white menu overlay?
I also see another new problem – in the color section halfway down the landing page, where there is a hand in the background, the text should be centered there (it’s an icon box) but it’s aligning left instead. (see image below)
Can you check that?
thanksHi,
The issue is a css conflict in your General Styling > Quick CSS field, try removing all of the code and add it back line by line until you find the conflict.
I removed all of the code and the mobile menu worked correctly, please see screenshot in Private Content area.Best regards,
MikeHi MIke
Thanks I figured it out. IT was this code:
/*fixes layer slider shift chrome error*/
.container {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
any idea what that would have been for? seem like something specifially for a chrome issue.thanks for your help
NancyHi,
Glad to see you found the issue, I’m not sure what that code was trying to fix in Chrome, perhaps an old issue and is not needed anymore. Shall we close this then?Best regards,
Mike
- The topic ‘invisible mobile menu’ is closed to new replies.