Slideshow cropped on mobile (Brooklyn Theme)

[Hello123Me]

Hi guys, the slideshows work great on my desktop but when i switch to mobile, the slideshow seem to be cropped. I tried multiple code and I couldn't find the slide height option. Is there any way that i can move the slideshow down in mobile? The website is : https://blaraorganichouse.ca/.  Thank you!!

Mobile

[KetanKumar · Accepted solution]

@Hello123Me 

sorry for that issue please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media (max-width:590px) {
#shopify-section-slideshow {
    margin-top: 40px;
}
.announcement-bar__message {
padding: 10px;
font-size: 14px;
}

}

[Hello123Me]

Thank you so much! This work perfectly

[KetanKumar]

@Hello123Me 

it's my pleasure to help us

[doodlebug]

Hi Ketan, I am using the minimal theme and I am having a similar problem where my slideshow fits in desktop but crops in mobile. Could you help me, please? My URL is doodlebugpetfood.ca