Debut Slideshow

Solved
VanessaHu
Tourist
8 0 3

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

KetanKumar
Shopify Partner
15811 1755 5830

@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.

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
0 Likes
VanessaHu
Tourist
8 0 3

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

This is an 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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on n.turovskyi@gmail.com regarding any help
0 Likes
VanessaHu
Tourist
8 0 3

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

0 Likes
KetanKumar
Shopify Partner
15811 1755 5830

This is an 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;}
}

 

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
0 Likes
VanessaHu
Tourist
8 0 3

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
Shopify Partner
15811 1755 5830

@VanessaHu 

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

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
0 Likes
VanessaHu
Tourist
8 0 3

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. 

0 Likes
VanessaHu
Tourist
8 0 3

@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

VanessaHu_0-1614467018541.png

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:

 

VanessaHu_1-1614468178110.png

Thanks in advance.

0 Likes