hide carousel on mobile phones

is there a way to hide the carousel on phone screens?

Not exactly if you don't program something one workaround would be to hide it on small screens but that infarct makes it invisible:

add to template_css.css

@media (max-width:755px) {
div.hero{
display:none!important;
}
}

this would hide it if screen is less that 755px in width

I changed the div name to suit my needs
but the css code you gave me works fine

thks a lot