How can I make an image span the entire webpage?

Store Design
,
1

https://graintastic.in/pages/who-is-your-farmer

https://graintastic.in/pages/why-graintastic

Hello people!

I am frustrated at not able to make the image at top of the page span the entire page! This should be a simple fix! But i do not see any option anywhere to do this!! is there a CSS i must change?

Thanks!

RS

1 Like
2

Hi @bharatwasi

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->fontend.css

.w-100>img {
   width: 100% !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

1 Like
3

@bharatwasi

hey, don’t worry! its a simple think for you don’t be frustrated. We provide the code for it.

Please add the below code above in theme.liquid.

online store >> edit code >> theme.liquid

.shifter-page .w-100 img { width: 100%!important; }

after added the given code in theme.liquid file. let’s see the result below.

shreyhweb_0-1681243732050.png
shreyhweb_0-1681243732050.png2148×932 312 KB

shreyhweb_1-1681243747311.png
shreyhweb_1-1681243747311.png2148×932 416 KB

This solution will helpful for you then please like the post and tap on the accepted.

And don’t worry about all. we are always here for your help.

Thankyou :slightly_smiling_face:

1 Like