Hi, can anyone help me? I have my collection header images set to medium and on my desktop site they look great. However they are too close up on the mobile version. Is it possible to change just the size of the mobile version? I would like the image to fit the width of the screen. Thanks, Kat

Hi, @KAillustration . You can try this code: it will be helpful to you Go to the online store theme and go to base.css file paste the code mentiond below. @media (max-width: 767px) { .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) { height: 60vh; margin-top: 0px; p…

How to resize collection header images for mobile only

Store Design

KAillustration July 27, 2023, 1:21pm 8

Thank you!!! that is perfect

Topic		Replies	Views
Change the size of collection header images on mobile only Store Design design , header , collection-page	3	7	August 11, 2023
Collection header images -fixed background position Store Design collection-page	1	10	July 29, 2023
How can I resize collection page images on mobile? Store Design	2	29	August 19, 2022
Images in Collection pages bigger on mobile Store Design	6	12	April 26, 2022
Adjusting desktop collection image to fit mobile screen automatically Store Design	30	52	September 16, 2023

How to resize collection header images for mobile only

Related topics