Hello all, I'm trying to make a show-hide interaction apply only to smaller screens. My goal is to make only the heading text appear with the body copy hidden on small screens. In this scenario, clicking on the heading text would display the body copy and clicking again hides it. I've been able to make the function work on all screens following the video tutorial that demonstrates using a show-hide button (instead of the heading text as in my application). The problem comes when I try limiting the show-hide interactions to smaller screen sizes: deselecting the larger screens for the interaction makes the subject text unavailable in those sizes. It seems I need some other form of conditional control or maybe another approach.
Any thoughts are much appreciated!