Remove Slider from Featured Collection (Scroll Enabled)

[homerun]

Hello the good people of this community again.

What would be the CSS to remove the slider controls (and the blank space thus created) in the Featured Collection (Circled in Image Below).

[Made4uo-Ribe]

Hi @homerun 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 989px){
.slider-buttons {
    display: none;
}
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[homerun]

Sorry to take your time on this; this one didn't work for me. 

Have applied the above code and the slider is still there. This is a featured collection i have made with scroll enabled.

🙏

[Made4uo-Ribe · Accepted solution]

Please, replace on this one. 

@media only screen and (max-width: 989px){
slider-component .slider-buttons {
    display: none !important;
}
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!