Hay,

I want to disable the hero slider on the front page of my website because the text is going into the pictures. I saw the code you posted months ago, but I don't know where and how to put it. What is my page-class and where I need to put the code? Better would be if I could deactivate the text on the slider on the mobile version. The version looks good, only the text is destroying it. On the desktop version the text is good.

@media only screen and (max-width: 1024px) {
.your-page-class #hero {
    display: none;
}
}