Debut theme, slideshow mobile annoying rectangle

Solved
Kain6762
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
KetanKumar
Shopify Partner
20323 2105 7615

@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 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
Kain6762
Tourist
7 0 3

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

0 Likes
Denis_A
Shopify Partner
273 39 47

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/
Kain6762
Tourist
7 0 3

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

0 Likes
shopmelrose
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
KetanKumar
Shopify Partner
20323 2105 7615

@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 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
shopmelrose
New Member
3 0 0

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

0 Likes
RSS
Excursionist
54 0 23

Hey @Denis_A 

I am also using the same theme and for the slideshow I have somehow managed to remove the slideshow bar completely but now I would like to have just the dots (see image, dots circled in green) without the rectangular bar, is that possible? Thank you

Screen Shot 2021-06-29 at 14.53.28.png

 

KetanKumar
Shopify Partner
20323 2105 7615

@RSS 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 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