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

Solved
raindrops901
Tourist
6 0 4

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.

 

 

0 Likes

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;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
raindrops901
Tourist
6 0 4

Thank you!

0 Likes