Hello, On my store, jetboyco.com , the background image was set but does not fill the entire section it is in. When I do get it to fill the section, the banner at the top of the page cuts off the top of the image and has white space below. It’s like the margins are mixed up and causing it to not wor…

Please add below line of code at the end and before the closing tag in thme.liquid file. @jetboyco

@jetboyco hope you are doing well. It is because of below CSS code you have added below in your custom CSS part. Please remove this, and it’ll work fine. [webwondersco_0-1747959289927.png]

Please use this code instead and check again #shopify-section-template--21456904094007__b2c56f85-1a07-4ebf-8c25-768d389a8043 { background-image: url(https://cdn.shopify.com/s/files/1/0841/6696/7607/files/23_2.jpg?v=1745875660); background-repeat: no-repeat; background-size: cover; }

@jetboyco you can mark the reply as accepted solution so others can get the idea as well.

Background image on home page does not fill section or show on mobile

Technical Q&A

jetboyco May 23, 2025, 12:45am 3

Hello,

I did not build this out Initially and that is why I’m lost. May you please point me to the code you mention?

Thank you

Topic		Replies	Views
Section background image is stretching Store Design css	4	60	August 22, 2024
How to resize an image for mobile in a custom liquid section? Store Design css	17	215	February 29, 2024
Shopify Dawn theme Banner Image is not fitting to screen Technical Q&A css , shopify-theme	3	26	April 20, 2024
How do I display different images for mobile and desktop on image banner with the Dawn theme? Store Design	9	632	April 4, 2024
How to make a mobile image banner fill the entire screen? Store Design css	8	137	December 30, 2022

Background image on home page does not fill section or show on mobile

Related topics