How to make background image full screen?

Store Design
1

Hey, i used the answer provided by Tejas_Nadpara from this thread to give my homepage a background:
https://community.shopify.com/c/shopify-design/how-to-show-background-image-on-page/td-p/346189

And the answer from this thread to fix my copyright footer at the bottom of the screen:

https://community.shopify.com/c/shopify-design/how-do-i-fix-the-footer-at-the-bottom-so-it-doesn-t-move-around/m-p/1352102#M353897

It worked, but now the background image is only covering half the screen.

Im using simple theme, the website url is: https://fine-chaos-test.myshopify.com/

and the code is: yaibeu

1 Like
2

@Robbie_archive

sorry your password doesn’t work

3

Hi @Robbie_archive ,

I checked and it shows fine: https://i.imgur.com/IJTYS3t.png

I also checked the code and everything is correct:

.background-class {
    background: url() no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
}

Did you solve it yourself?