How to hide Title and Pager on homepage Slider for small screens?

Hi there, I do not like how the title and the pagers are shown on a smaller screens - tablets and mobile. The text is not readable and the pagers are over-sized. I decided that I need to hide these elements on smaller screens. I came up with this code and it seems to be working: @media screen and (max-width: 760px){ #feature-slider .entry-title { visibility:hidden; } #feature-slider .cycle-pager { visibility:hidden; } } Do you see any errors in my code? Will it be working across all the platforms? Any suggestions? Thank you.