How to make background image full screen?

14 1 4

Hey, i used the answer provided by Tejas_Nadpara from this thread to give my homepage a background:

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


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

Im using simple theme, the website url is:

and the code is: yaibeu

Replies 2 (2)
Shopify Partner
25040 2508 9066


sorry your password doesn't work 


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
291 72 72

Hi @Robbie_archive ,

I checked and it shows fine:

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?

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!