Espero que me puedan ayudar a resolver un problema de JS que estamos teniendo.

El problema: estoy eliminando un elemento cuando una clase está presente, y aunque esto funciona para eliminar el elemento del DOM a través del inspector cuando presiono CTR-U y busco el elemento, todavía se puede buscar/visible.

El artículo del blog: https://www.leatherhoney.com/blogs/leather-care/diy-leather-car-interior-detailing-tips

Antecedentes: la empresa que desarrolló nuestro sitio web agregó (2) encabezados H1 a los artículos de nuestro blog. Si el encabezado está presente, están ocultando uno con CSS. Por supuesto, esto crea problemas con múltiples H1 en una página, incluso si está oculto visualmente.

La solución: la solución consiste en eliminar la propiedad CSS que oculta el elemento y reemplazarla con la función remove(). En teoría, esto eliminaría el elemento por completo de la página (y de los rastreadores de SEO) cuando la clase CSS estuviera presente.

 $(".hide-when-banner-enabled").remove();

Las paginas:

Aquí está la página del blog : https://www.leatherhoney.com/blogs/leather-care/diy-leather-car-interior-detailing-tips

Aquí está la página del código fuente (ctrl-U) donde aún puede ver la clase .hide-when-banner-enabled aunque debería eliminarse: https://www.leatherhoney.com/blogs/leather-care/diy- consejos-para-detallar-interior-de-coche-de-cuero

¿Alguien puede explicarme por qué esto todavía está visible y si hay una mejor manera de eliminar esta etiqueta H1 duplicada cuando una clase está presente para que el SEO no se vea afectado por las etiquetas duplicadas?

¡Gracias!