Remove the slick dots from slideshow

New Member
11 0 0

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

Screen Shot 2019-11-05 at 1.22.26 PM.png

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.slideshow__controls {
    display: none!important;
}

  

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
11 0 0

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.

 

0 Likes

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.

 


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Highlighted

To hide the arrows and dots for mobile

 

try this:

.slideshow__arrows--mobile {
    display: none;
}
We work on Shopify stores to improve, maintain, and build functionality across all store types.
- Reach Out To Us! | hello@storemedics.com
- Visit Our Site! | https://www.storemedics.com

If we helped, leave a Like / Accept Solution
0 Likes
New Member
11 0 0

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.

 

Screen Shot 2019-11-09 at 9.12.11 PM.pngScreen Shot 2019-11-09 at 9.13.57 PM.png

 

0 Likes