How to make background image full screen?

Robbie_archive
Excursionist
14 1 4

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-m...

 

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

Replies 2 (2)
KetanKumar
Shopify Partner
25040 2508 9066

@Robbie_archive 

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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LitCommerce
Trailblazer
291 72 72

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?

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!