As you can see in the picture below I have numbers to move slideshow pictures on this theme. Am currently using Sense version 9.0.0. I would like to remove the numbers and add Auto Rotate slides and show slid indicator slides instead of the numbers. I just don’t think it looks good and also is ope…

Hi @MyMawduh No any coding required here. I hope this solution will works. Please follow below steps Go to Online Store Go to theme customize option Click slider section and change style counters to Dots that’s it See below SS [Alok_Kasgar1_0-1680340311192.png]

Okay, thats good. but now it still shows below the image. can it be included with the picture? [Screenshot 2023-04-01 034052.png]

You can add CSS code for this. I hope this solution will works. Please follow below steps Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag @media screen and (min-width: 750px){ .slideshow__controls { margin-top: -45px; } }

it works beautifully. thank you, Alok. [Screenshot 2023-04-01 181657.png]

Can we change the color to white?

@MyMawduh Your welcome For white color use below code: @media screen and (min-width: 750px){ .slideshow__controls { margin-top: -45px; z-index: 9999; } .slider-counter__link--dots .dot { background-color: #fff!important; } .slider-counter__link--active.slider-counter__link--dots .dot{ border:1px …

Please use 2 instead of 9999 z-index value like as: z-index: 2;

[Screenshot 2023-04-02 234254.png] It works perfectly, and it looks way better. thank you so much. great help

But after this I encounter a new problem that is when I’m opening the hamburger menu in the mobile the three dots are overlapping. [Screenshot 2023-08-06 232021.jpg] [Screenshot 2023-08-06 231953.jpg]

That solves the problem for the desktop view of the three dots, but for the cell phone it is still the same?

Yes but only for the desktop, if you go to the cell phone View the three dots are still below the image.

How to add Slideshow Dots In Responsive Theme

Store Design

Anjalilohiya018 April 3, 2024, 11:36pm 15

Hi, can you please share the code for mobile

Topic		Replies	Views
Removing slideshow dots on narrative mobile Store Design	5	122	March 8, 2022
How do you show counter dots of the slideshow on the mobile? Technical Q&A css	5	80	January 15, 2023
Add slider dots on mobile Store Design liquid , design , customizations , landing-page , css , third-party-themes , shopify-themes , troubleshooting , html	1	44	March 26, 2025
Why are slideshow dots appearing in my mobile menu? Store Design	8	78	January 6, 2022
Make Slideshow Dots Closer Together Dawn Theme Store Design design , customizations , css , shopify-themes , troubleshooting	4	57	May 22, 2023

How to add Slideshow Dots In Responsive Theme

Related topics