Why are slideshow dots appearing in the mobile menu on Shopify?

ValvedExhausts
Excursionist
20 0 7

I got dots added to the bottom of my slideshow on my home page but now when I open my side menu on mobile devices the dots are appearing there too when they’re not supposed to be 

0AC11385-FC5B-4E15-9978-881BC8AB0DA0.png

Kyle Bristow
Replies 8 (8)

Zworthkey
Shopify Partner
5581 642 1565

@ValvedExhausts 
Hi,
Welcome to Shopify Community.
Kindly Share your Store URL.
SO that I can help you.

Thank you

ValvedExhausts
Excursionist
20 0 7
Ajay-app-dev
Shopify Partner
178 16 14

@ValvedExhausts  Let's fix this within 5 seconds. Just add this below css in your  component-slideshow.css file and save it

 

.slideshow__controls {
     z-index: 0 !important;
     position: relative;
     margin-top: -50px;
}

 

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
ValvedExhausts
Excursionist
20 0 7

I am currently on a mobile shopify and can’t edit code right now can you do this for me please? 

Kyle Bristow
Zworthkey
Shopify Partner
5581 642 1565

yes, i can do provide me staff Access to  Add it.

ValvedExhausts
Excursionist
20 0 7

Please send the request I will accept

Kyle Bristow
Zworthkey
Shopify Partner
5581 642 1565

@ValvedExhausts 
Check your Store I have fixed your Issue.

Zworthkey
Shopify Partner
5581 642 1565

 

.slideshow__controls {
    position: relative;
    margin-top: -50px;
     z-index: 0 !important; 
}

 

@ValvedExhausts 

Add this code in the below of the component-slideshow.css file.

I hope it will work properly. if you need more help then let me know

Thank you