Debut theme, slideshow mobile annoying rectangle

Solved
Highlighted
Tourist
7 0 3

Hi there geniuses! I would like to know how to remove this really annoying and ugly bar at the bottom of my slideshow in the Debut theme thanks!

slideshow.png

0 Likes
Shopify Partner
5880 861 1970

@Kain6762 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

H there it's www.yoursona.com and the password is all lower case kain thanks!

0 Likes
Highlighted
Shopify Partner
271 38 42

This is an accepted solution.

Hi @Kain6762 

Put this piece of code at the bottom of your theme.scss file

@media only screen and (max-width: 749px) {
  .slideshow__text-wrap--mobile {
      top: 0 !important;
  }
}
Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
2 Likes
Highlighted
Tourist
7 0 3

Thanks for your help! I gave you a like, its so much smoother on mobile now.

0 Likes
Highlighted
New Member
3 0 0

Hey there, I have tried this and it still is not removing the box on my mobile site. See screenshots below. The black box is overlaying at the bottom of my mobile slideshow. Please advise! 

www.shop-melrose.comScreen Shot 2020-06-17 at 11.26.22 AM.pngScreen Shot 2020-06-17 at 11.27.10 AM.png

0 Likes
Highlighted
Shopify Partner
5880 861 1970

@shopmelrose 

Welcome to the Shopify community!
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.slideshow__text-wrap--mobile {
display: none !important;
}
.index-section--flush:first-child {
    padding-bottom: 0;
}
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
3 0 0

Thank you!! I was working in the wrong file. Appreciate your help. 

0 Likes