Hi all,
I am having trouble with managing the pagination style. I added the following code to component-slideshow.css file to change the pagination style.
.slideshow__controls {
position: absolute;
right: 0;
left: 0;
bottom: 0;
border: none;
z-index: 3;
}
.slider-button {
visibility: hidden;
}
But now the pagination dots shows on the menu on the mobile version as shown on this picture. Does anyone know how to fix this issue? Thank you
Hey @NotedStationery
Try reducing your z-index value in the code you added from anything less than 3 like 2,1 or maybe 0 and then check it out again, if that doesn’t work then share your store url and password if enabled.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Can you share Your Site Preview link?
Thank You!!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
