[Resolved] White bar at bottom on Android

Home Forums Support [Resolved] White bar at bottom on Android

Home Forums Support White bar at bottom on Android

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1622588
    Brian

    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!

    #1622663
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know πŸ™‚

    #1622665
    Brian

    It’s Mikava.coffee. The issue is only present on the home page, which has a video background via a plugin.
    Thanks!

    #1622917
    Leo
    Staff
    Customer Support

    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?

    #1623067
    Brian

    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!

    #1623089
    Elvin
    Staff
    Customer Support

    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;
    }
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1623409
    Brian

    Brilliant! Works like a charm πŸ™‚ Thank you!

    #1624261
    Elvin
    Staff
    Customer Support

    No problem. Glad to be of any help. πŸ˜€

    A wise man once said:
    "Have you cleared your cache?"

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.