How to make an Custom Liquid Image to fit any monitor screen as well as tablets and mobile

How to make an Custom Liquid Image to fit any monitor screen as well as tablets and mobile

DavitVlad
Visitor
1 0 0

I have an image that I was able to edit into the website and made it wide, it only fills from left to right on 13 inch screens, however when I open the site on a bigger screen the image looks too small, can someone help me make it so that even if its a 27 inch monitor the photo fits perfectly on all sizes. 

 

https://election2024merchrwb.com/Screenshot_5.png

Reply 1 (1)

suyash1
Shopify Partner
10713 1323 1699

@DavitVlad  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.shopify-section-group-footer-group div {width: 100%;}
.shopify-section-group-footer-group div img{width: 100%;}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.