Need to change image size in slideshow on Desktop (Brooklyn theme)

Hi, We are using Brooklyn theme and we are using 1200 px by 800 px image in slideshow on the home page. While the image is perfectly fine on mobile device, on desktop version it is cropped and looking too big on the home page.

Can we reduce the size of image (only for the desktop version) so that it doesn’t look gaudy and also shows full image without being cropped. Quick help will be appreciated.

Store URL : eaurave.myshopify.com

Desktop Version:

Regards

@aurave

Hi,

I see you have a width hard coded, I suggest you change it to 100%;

Please duplicate your theme before attempting

Go to your online store, then themes, click the Action button, then edit code.

In the section folder, find the file for slide show.

Inside the file, look for class=“slick-track”

add the code in the style, display: flex; justify-content: center;. Cod should look like below

Can you please provide the clear code to change. The one mentioned below is little bit confusing as to what need to be changed and where ?

Hi @aurave

To be honest, I found it hard to override the code here since this is hard coded. What ever copy/paste code we do might not affect the image

Hello,

We need more detailed info as to what needs to be done

Anyone else can help