Please help to remove the slick-dots and the arrows from the slideshow.
PLEASE HELP going crazy already.
I am using Debut and can't find where I can remove these things.
Here is the link to the preview:
https://ized8oudwax08lh1-21365753.shopifypreview.com
Hello pabyv-inspirati,
Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
.slideshow__controls { display: none!important; }
To remove slick dots in mobile
Please add below css
@media only screen and (max-width: 749px) { .slick-dots { display: none !important; } }
@pabyv-inspirati wrote:Thank you very much!
That definitely helped but they are still showing up in mobile.
Is there a fix to have them removed from mobile that you can share with me.
I really appreciate your help.
To hide the arrows and dots for mobile
try this:
.slideshow__arrows--mobile { display: none; }
Thank you so much!!!
This did work and removed the controls from the mobile however the white box is still there but I would like to add arrows on the sides to scroll to the next slide.
Please see the screenshots.
And again just want to say Thank you, guys! I really appreciate the help and your time.
Hello hoosierhank,
Please share your site url.
So that i can check and let you know the exact solution here.
User | Count |
---|---|
822 | |
131 | |
86 | |
73 | |
70 |