How to have a mobile and desktop image for the Brooklyn theme

New Member
2 0 0

Hey there! i have found some great code to add in a mobile slideshow image for the debut theme, can anyone help assist with the Brooklyn theme? As i'm sure you are aware its very hard to upload an image that looks great on desktop and mobile, i would love the option to add 2 different sized images. 


9 0 0

I am working on the Debut theme.

1. the slider/ hero image is fine but the text is blurry
2. the image fits perfectly on the PC view but not in mobile.
Please advise. i would like to add another image to use when in Mobile. 

Shopify Expert
665 170 199

Hi, @Kaitlin,

This is Evita from On The Map. 


If the code is CSS, then add it to Assets/theme.scss.liquid file at the bottom. Debut theme class names would be 

different than the Brooklyn theme, so you would probably need to change the class names in the code.



On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!