Why are slideshow dots appearing in my mobile menu?

Store Design
1

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
0AC11385-FC5B-4E15-9978-881BC8AB0DA0.png1170×2532 183 KB

1 Like
2

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

Thank you

3

https://valvedexhausts.ca

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

5

@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;
}
6

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

1 Like
7

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

8

Please send the request I will accept

1 Like
9

@ValvedExhausts
Check your Store I have fixed your Issue.