Remove the slick dots from slideshow

pabyv-inspirati
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;
}

  

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
pabyv-inspirati
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.

 


 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
StoreMedics
Shopify Partner
62 5 11

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
pabyv-inspirati
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
bma7
New Member
1 0 0

Hey!

 

Curious about this as well! Where you ever able to remove the white box? 

0 Likes
hoosierhank
New Member
4 0 0

Hello,

I have the debut theme and I've added every code that I have seen and changes still won't take place. Any help?

 

Thanks,

 

Hank

0 Likes

Hello hoosierhank,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
hoosierhank
New Member
4 0 0
0 Likes