Okay, so basically, I have two site both using the vantage theme and both having the same problems.
The sites are entifydesigns.com and dreadillustrations.com
Problem 1: when the mobile menu is clicked on and opened you are still ablw to scroll on the page. When you do, the mobile menu background shrinks for a second, you can see the page, then when you let go, the background becomes full screen again. This only happens when scrolled from the top of the page.
Problem 2: The menu is currently selected to be sticky for mobile. On one of my sites, entify, it has seemed to stop working. When it did, and on the other site, when scrolling down the menu bar jumps up to the top of the screen and becomes sticky before the top of the screen makes contact with the top of the menu bar. It must be something in the js and I’m not super skilled in js yet and can’t find it. Please help!
Vantage Theme, mobile sticky header issues
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].
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Dltabrvo,
1. Unfortunately, I can’t seem to replicate this issue. To clarify, what device (specifically the model) are you able to replicate this on? I try re-testing this on a similar device.
2. Did you manage to resolve this issue? I ask as I can’t seem to replicate this issue.
Sorry about this!
Hi,
I have tried on my LG G5 using Chome and an iPhone 6s running iOS10.
Attached are screenshots illustrating the problem. What happens is when the page loads the first time and you scroll down the header becomes sticky too early. If one scrolls down awhile then scrolls back up the header stays sticky too early. Once you reach the top of the page again the problem goes away. I do not see this problem when Chrome emulates various mobile devices so I don't think it's the css doing anything. Especially because I can replicate the problem on a fresh theme with no additional CSS.
[image: Inline image 1][image: Inline image 2]
Hi Dltabrvo,
Unfortunately, we’re unable to process attachments at this time. You’ll need to upload the image to a third party image hosting site like Imgur or vgy.me.
https://i.imgur.com/k31CxeM.jpg
https://i.imgur.com/X9WyMM3.png
Hi Dltabrvo,
Oddly, I’m not too sure why this is happening. Please navigate to WP AdminAppearanceWidgets and add a SiteOrigin Image widget to your Masthead Widget area. Set the Logo to the logo. Does this issue remain?
Decided just to disable the sticky header functionality and build it myself using JS. Thanks for your help though.