Whenever I transfer to mobile view, my banner image is always cropped. But, its alright with my desktop view. I would like to fix this. Please help. https://katinteriors.net

Hello @kakajdiaz Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css add this code at the end of the file. @media only screen and (max-width: 800px) { #shopify-section-slideshow img, .index-slideshow-section img { height: 240px; } } and the result will…

Hello @kakajdiaz I have checked your problem, you can create separate images for mobile view and desktop view, this will be a proper solution for this. Please check the Reference below [oscprofessional_0-1721813618365.png]

I cant find theme.css .. only this one: [kakajdiaz_0-1721839994771.png]

resize images for mobile and desktop

Store Design

kakajdiaz July 24, 2024, 4:46pm 4

Is that the only solution that we can do?

Topic		Replies	Views
Problem with the image sizes on desktop and mobile Store Design	14	103	April 4, 2022
How can I adjust mobile slideshow photo size to match desktop? Store Design design , customizations , shopify-themes , troubleshooting	5	48	June 20, 2023
Mobile Banner and Pictures cropped for mobile Store Design	12	140	August 10, 2021
How can I adjust my banner photo for optimal mobile and desktop view? Store Design	7	64	November 6, 2022
different image for mobile and Desktop Store Design design , css	6	57	December 5, 2024

resize images for mobile and desktop

Related topics