Hello, I am trying to make the background of my home page a full screen image, however on some resolutions the image does not scale correctly which leaves a massive white space like this:
Any idea how to fix this? Store is https://au-ther.com/ and no password. Thank you!
Hi @blake1798 ,
Glad to support you today.
You can check out my suggestion below to get your concern resolved.
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
Eg:
I hope you find the answer helpful.
Kind & Best regards,
GemPages Support Team.
Hi @blake1798
Please follow these steps:
- Step 1: At Shopify Admin, Choose Online Store → Themes → Edit Code
- Step 2: Find and open the file base.css and add this code at the end of the file:
.banner {
height: calc(100vh - 55px);
}
.banner__media.media.banner-home-page {
height: 100% !important
}
- Step 3: Save your code and check the result.
I hope that it will work for you.