Archived topic
Double H1 In Post
5 replies · Started by riz on August 10, 2021
Hi Tom,
I need some help. Is there any way to hide <H1> in single post? Meanwhile, I use one for mobile and one for desktop. I'm using hide-on-desktop for the mobile version and hide-on-mobile hide-on-tablet for desktop version, but it's still showing two <H1> when inspecting element (ctrl+shift+I).
I am using GP Element on this. One for mobile I use block element with Page Hero Element Type and one for desktop with Hook Element type.
Thank you, and have a nice day.
Riza
Hi there,
in the Block Element Page Hero Type you have the option to Disable Title:
https://docs.generatepress.com/article/block-element-page-hero/#settings
Hi David,
Thanks for the reply. Okay done, https://drive.google.com/file/d/1T3bys7Fk_rWVHaKNgIHJdJ8aI3qdTTLb/view?usp=sharing but I think it still shows double <H1 class="gb...
I also created a custom class like here:
@media (min-width: 1024px) {
.custom-hide-mobile {
display: none;
}
}
@media (max-width: 1023px) {
.custom-hide-mobile {
display: none;
}
}
But it didn't work (hidden each H1 on each device)
My goal is make <H1> on mobile only showing on mobile, and also the desktop <H1> only shows on desktop in inspect element.
I hope there is still a solution for this issue.
Thank you,
Riza
It doesn't matter that there is 2 x H1's in the HTML, as long as only one is displayed so there is no visible duplicate content. Search Engines consider responsive design may require there to be duplicate content that is displayed/hidden based on different device sizes.
Hi David,
Ok, thank you for the information. This blog has hundreds of articles. I want to make sure there's nothing to ruin the SEO on the page after the redesign.
Great support. keep it up!
Cheers.
Riza
I can't see any issues with it being there :)
Glad to be of help
