Archived topic
White bar at bottom on Android
7 replies · Started by Brian on January 17, 2021
I'm having a strange issue on Android devices. When I scroll down the mobile page (mikava.coffee), there is a white bar the size of the now vanished address bar at the bottom of the page. When the address bar is there, the white bar is gone. I found a thread on this elsewhere where the fix was this CSS:
html {
min-height: 100vh !important;
}But that hasn't worked for me. Do you know anything about this issue?
Thanks!
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
It's Mikava.coffee. The issue is only present on the home page, which has a video background via a plugin.
Thanks!
Your site isn't loading for me.
The issue is only present on the home page, which has a video background via a plugin.
So is the issue resolved if you disable the plugin? If so can you check with the plugin support first?
The site isn't loading for you? That's very concerning.
It's a weird URL, just https://mikava.coffee. You can also get there via mikavacoffee.com. But it's loading for me, and my clients, everywhere. Can you confirm if you can't load it? This could point to a much larger issue I have no idea about.
At any rate, I also think the white bar is probably plugin related, or a browser issue as some threads suggest, I just wanted to check in case you all knew anything about it or a fix I could utilize in GP.
Thanks!
Hi there,
The site is loading on my end.
I've inspected the site and its definitely plugin related.
Its script fails to compute and assign the viewport height for its main container .setAsBg and its children, especially the <video> element.
While this is a third party plugin outside of our scope, try this workaround CSS:
@media(max-width:768px){
.setAsBg, .setAsBg video {
object-fit: cover;
height: 100vh !important;
}
}Brilliant! Works like a charm :) Thank you!
No problem. Glad to be of any help. :D
