I’m working with the Shopify Dawn theme and I’m faced with a challenge: I have a slider/product gallery where the dots (pagination dots) should be displayed. The dots need to track the image change, but you don’t have to click on the dots — they just need to “light up” when the slide changes. The photo is what it should look like below
Is there a cleaner solution so that the dots are automatically updated when scrolling through the slides?
password: 1
Hi @Valeria_16 ,
I checked your site and the dots are now showing correctly. Looks like the issue has been fixed. Let me know if you need anything else!
Hello, yes, I did it myself, I didn’t wait for help) But I have some problem. I need the dots to be in the picture below, and I did it. But when I open the burger menu on mobile devices, these dots appear on top of the menu (screenshot below) How can this be fixed?
And one more problem) How can I darken the header when opening the menu?
I don’t know what you’re talking about)
I checked on my device, and it’s not showing now.
if you’re talking about “dots”, then this problem is in the product profile.
@Valeria_16
Yes, it’s visible on the product page. You can remove it by adjusting the style for this class:
.dot-control {
position: absolute;
transform: translateX(-50%);
}
Hi @Valeria_16
I saw the issue is in the z-index. The current z-index is 5, you can change it to 1.
Hi.
It helped, thanks. What about darkening the header? Can you help me?
