Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I have an enormous amount of scrollable space below the navigation menu when viewing on mobile. I can’t figure out what is causing that.
Also, when viewing the menu on mobile, I see two closeout “X” icons overlapping each other…one appears to be an image “X” and the other appears to be text. They are misaligned. I will include a link to a screenshot in the problem url.
Hi Chris
I have looked at the menu and the double image is being caused by the lightbox ultimate plugin.
You can fix this by adding the following to your Custom CSS
.mobile-nav-frame .title .close { background-image: none; }Let us know how you get on
Magus
Hi Chris
As far as the empty space below the menu, you can remove this by adding this to the Custom CSS
.mobile-nav-frame { height: 100% !important; }Scrolling would then show the page contents instead of the menu background.
Magus
Magus,
Thank you for your help with this. I tested both styles. The only problem with the 100% height is that the webpage is visible below the menu. Is that expected behavior? Previously, the mobile menu occupies the whole screen, and even upon scrolling to the bottom, no other content would be visible.
Hi Chris
Yes, this would be expected behaviour, when set to 100% the menu behaves more like the desktop version with the content below but after testing several settings this was the only option I could find as an answer.
Magus
Hi Chris
It’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.
@Magus very much appreciated :)