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
9866 1226 1566

@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%;}
To build shopify pages use pagefly | Contact me - [email protected] , My timezone is GMT+5:30. | Support me