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 <div>
or <p>
tag instead of an <h1>
tag, and apply CSS accordingly - would that be acceptable then?