Resizing Slideshow in Brooklyn Theme

New Member
1 0 0



I have spent hours trying to look up a solution to "resizing" the slideshow images in the Hero Slideshow to no avail. I do not like how the default setting crops photos. I want the photo to display the same on a desktop and a mobile and am desperate for some help on how to do this. I've scoured the shopify threads for hours and have not been able to find a solution that works.

Replies 2 (2)
Shopify Partner
11467 1801 2307

Hi @yeshaahana ,

Share the site URL. 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Shopify Partner
3720 738 782

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file: .hero-slideshow{ height: auto !important; max-height: none !important; } .hero .slick-list, .hero .slick-track{ height: auto !important; max-height: none !important; }

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!