Solved

Slideshow cropped on mobile (Brooklyn Theme)

Hello123Me
Excursionist
21 0 6

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

MobileMobileScreen Shot 2021-07-21 at 5.03.22 PM.png

 

 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}

}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}

}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Hello123Me
Excursionist
21 0 6

Thank you so much! This work perfectly

KetanKumar
Shopify Partner
36839 3635 11972

@Hello123Me 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
doodlebug
Visitor
1 0 0

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