[60D9CACD-1E1E-4F72-A5D5-FBAB07A88DFC.png] Hello! I’m struggling with a problema. On desktop everything looks alright, but on mobile the picture is too big. How do I fix it?

Try opening your theme’s code editor, go to Assets → base.css, scroll all the way down to the bottom and paste the following code: @media only screen and (max-width: 600px) { .hero__image { width:600px; height: auto; } } The first “max-width” relates to the size of the devices you want to cha…

Hi @AlexaBvogue I understand that you don’t want the image to be cut and able to show full width on smaller device. Please follow the instructions below to fix this. From your Admin Page, click Online Store > Themes >Actions > Edit code In the Asset folder, open the theme.scss.css Paste the code …

Thank you so much!! It worked perfectly!!

Brooklyn Theme – Hero image Doesn’t Resize In Mobile View

Store Design

AlexaBvogue October 13, 2022, 9:10am 5

Thank you!!

Topic		Replies	Views
Brooklyn image slideshow image cropped in mobile Store Design	2	51	August 10, 2021
Image size unchanghable mobile and desktop - debut theme Store Design	3	51	March 3, 2022
[Brooklyn Theme] Hero Banner - change mobile size Store Design	5	100	March 11, 2022
Brooklyn Theme – Hero image doesn’t resize in mobile view Store Design	2	36	July 22, 2021
How can I make my hero image full width on mobile? Store Design	2	67	August 5, 2021

Brooklyn Theme – Hero image Doesn’t Resize In Mobile View

Related topics