Solved

Debut - Slideshow text box on mobile cutting off part off the slideshow image

raindrops901
Tourist
6 0 3

Hello!

Thanks in advance to anyone that chooses to help.

I'm currently using the Debut theme.

Slideshow controls were removed using

.slideshow__arrows {
display: none!important;
}

.slideshow__pause {
display: none!important;
}

However, if you take a look at the preview here https://i.imgur.com/CuUZIie.jpg see red circle

The main text box cuts off part of the image.

Is there anyway to make the text box full length OR reduce the height? either way will work fine.

Thanks in advance.

 

 

Accepted Solution (1)

oscprofessional
Shopify Partner
15846 2371 3073

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
.slideshow__text-wrap.slideshow__text-wrap--mobile {
    top: 0px !important;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 2 (2)

oscprofessional
Shopify Partner
15846 2371 3073

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
.slideshow__text-wrap.slideshow__text-wrap--mobile {
    top: 0px !important;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
raindrops901
Tourist
6 0 3

Thank you!