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

Moeed July 27, 2023, 12:57pm 4

Hey @KAillustration
Can you please show a screenshot of what you’re referring to?

Topic		Replies	Views
Change the size of collection header images on mobile only Store Design design , header , collection-page	3	14	August 11, 2023
Collection header images -fixed background position Store Design collection-page	1	15	July 29, 2023
How can I resize collection page images on mobile? Store Design	2	33	August 19, 2022
Adjusting desktop collection image to fit mobile screen automatically Store Design	30	58	September 16, 2023
Decreasing Header height in mobile view only Store Design header	2	15	June 14, 2024

How to resize collection header images for mobile only

Related topics