Duplicate h1 tags showing on hidden section

Hi,

On my homepage, I have one section with main title that has h1 tag. Now i have duplicated it and made some changes for better mobile view. And I have hide that mobile section on other larger views. With respect to better seo, I would want that my page should render with single h1 tag. But its showing 2, even on desktop. It is also rendering the mobile section in code view.

How can it not show the mobile section on desktop view (view source)?

Regards,
Amit

Hello Amit,

Thanks for writing in!

When you hide a section or a element using Hide During Breakpoint feature, it will hide the section or element visually. We are using CSS media queries and come custom JS codes to hide elements or sections. However, the code that’s powering that particular section or element will still render in HTML form so that corresponding CSS to hide the element will take effect.

Changes you are looking for will require significant custom development which will fall outside the scope of support we can offer.

To learn more about media queries please take a look at following resources:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://www.w3schools.com/css/css_display_visibility.asp

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.