I have a website with a page that has a video as the main content. It uses a responsive design layout that requires the
<h1> tag (with the same text) to be used in two different places: one for desktop browsers and one for mobile browsers.
I will have to hide the mobile version of the
<h1> tag for desktop browsers, and hide the desktop
<h1> tag for mobile versions.
Will this present any problems with respect to SEO or otherwise?
Or what if I make the second header a simple
<p> tag instead of an
<h1> tag, and apply CSS accordingly - would that be acceptable then?