Background image not covering the whole page in mobile Chrome browser.

I guess the address bar cause the issue
I tried to give body and html 100lvh but it does not worked.
This is the properties that I'm using:

body {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 200;
    background-image: url('assets/destination/background-destination-desktop.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    overflow-x: hidden;
}

body {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 200;
    background-image: url('assets/destination/background-destination-desktop.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    overflow-x: hidden;
}

Mannix•9/28/24, 7:53 AM

try puting it on the html element

MMannix try puting it on the html element 🙂

IxtiyarOP•9/28/24, 7:55 AM

Putting what background image or 100lvh ?

Mannix•9/28/24, 7:55 AM

background-image

Mannix•9/28/24, 7:56 AM

also do you need the 100lvh at all?

MMannix also do you need the 100lvh at all?

IxtiyarOP•9/28/24, 8:09 AM

did not work with or without 100lvh or 100% still jumping