Ixtiyar
Ixtiyar
PostsComments
KPCKevin Powell - Community
Created by Ixtiyar on 9/28/2024 in #front-end
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;
}
6 replies