Jump to content

multiple H1

Recommended Posts

I would like the source code of my site page not to show the H1 headers of the desktop and mobile at the same time.
I currently use the code
     <div class = "w3-container w3-center w3-margin w3-border-top w3-border-bottom w3-border-gray w3-sand">
         <h1 class = "w3-hide-small w3-hide-medium w3-xxlarge w3-text-gray"> <b> <? = $ title_h1?> </b> </h1>
         <h1 class = "w3-hide-large w3-medium w3-text-gray"> <b> <? = $ title_h1?> </b> </h1>
       </ Div>

how can I do?

Share this post

Link to post
Share on other sites

Then don't use two! Its seems you want it to show one or the other depending on device size eventhough they are identical? Which Google could frown upon for having duplicate content. Use single h1 with no specific device class so single h1 will show for ALL devices.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...