I\'m sure this must have been mentioned/asked before but have been searching for an age with no luck, my terminology must be wrong!
I vaguely remember a twee
No, this is just a matter of managing your css structure better.
In your case i would order my css something like this:
.element, .element1, .element2 p{z-index: 50; display: block}
.element, .element1{margin: 0 10}
.element2 p{transform: translate3d(0, 0, 0)}
@media only screen and (min-width: 980px) {
.element, .element1, .element2 p{display: none}
}
Just experiment.