Remove the slick dots from slideshow

[pabyv-inspirati]

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

[oscprofessional]

Hello pabyv-inspirati,

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

.slideshow__controls {
    display: none!important;
}

[pabyv-inspirati]

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.

[oscprofessional]

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.

---

[StoreMedics]

To hide the arrows and dots for mobile

try this:

.slideshow__arrows--mobile {
    display: none;
}

[pabyv-inspirati]

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.