Slideshow cropped on mobile (Brooklyn Theme)

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!!

1 Like

@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;
}

}
3 Likes

Thank you so much! This work perfectly

1 Like

@Hello123Me

it’s my pleasure to help us

1 Like

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