Debut Slideshow

[VanessaHu]

Hi, I'm using Debut theme and want to know if there is a way to get rid of the white part shown in the photo. This only happens on mobile version, not on pc. Thanks in advance. 

[KetanKumar]

@VanessaHu 

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.

[VanessaHu]

Thank you very much. Here is our website: https://4evergreen-store.myshopify.com/admin/themes password: ohnaip

[MykolaTur · Accepted solution]

@VanessaHu 

Go to Theme/Debut/Edit Code.

Find and open assets/theme.css and add this css code at the bottom of the file.

.index-section--slideshow .slideshow__text-wrap--mobile {

display: none;

}

I believe that it will work for sure.

In case it doesn't work or hard to follow my instruction, please add my email(love.shopify25@gmail.com) as your staff so that I can fix your issue for free.

Thank you.

[VanessaHu]

Thanks a lot for your help, I tried the code, but nothing changed unfortunately.

[KetanKumar · Accepted solution]

@VanessaHu 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {
.slideshow__text-wrap--mobile {display: none;}
}

[VanessaHu]

Thanks for your solution, I pasted the code at the end of theme.css, and wait for some time, still nothing got changed. Would you please offer some other solution? Thanks. 

[KetanKumar]

@VanessaHu 

sorry for still this issue i have just confrm do you have to remove the white box or just down?

[VanessaHu]

Thanks for your reply, I would like to remove the white box, but keep the dots and arrows to control the slides. I searched through some other posts in the community, looks like nobdy else has this issue.  Please help me with this, I really appreciate that. 

[VanessaHu]

@KetanKumar  I was able to move the white box down by commenting out part of the code from the original theme.css as shown below

now the arrows and dots are below the slide without a white box sticking up, which is better than before.

But is it possible to move the arrow and dots at the bottom of the slide? just like it from the big screen view:

Thanks in advance.