He estado usando Chat GPT para ayudarme a tratar de que aparezcan todas mis áreas de encabezado como las quiero en dispositivos móviles, tabletas (cada uno en retrato y paisaje) y escritorio. Ha sido un verdadero desafío para mí porque este realmente no es mi mermelada. Este es el resumen de Chat de lo que hemos hecho en el ícono específicamente y espero obtener ayuda para resolver el misterio: estaba allí (apareciendo como la lupa) y ahora todavía no se puede ver. Espero que el resumen a continuación ayude …
Tengo un problema con el icono de búsqueda en mi sitio web. El icono no es visible en Vista de escritorioaunque el campo de búsqueda se expande cuando me desplazé sobre el área donde debería estar el icono, por lo que sé que la funcionalidad está funcionando.
Esto es lo que he probado hasta ahora:
- Inspeccionado el elemento con DevTools: el icono de búsqueda está dentro de un
pero no hay un ícono visible en el interior (probablemente un pseudoelemento faltante o oculto). - Intenté restaurar el icono con la orientación CSS personalizada
::before,font-family: "us-icons"y anulaciones de color, sin efecto. - Revisado
color: transparent,display: noneo reglas similares: nada claramente lo está causando. - El icono aparece correctamente en móvilpero no en de oficina.
- Estoy usando el Impreza Header Builder y no he deshabilitado el elemento de búsqueda en la vista de escritorio.
Sitio: https://scandinotions.com
Tema: Impreza
Diseño del encabezado: Encabezado personalizado construido con el guía de encabezado Impreza
Ubicación del icono de búsqueda: Área principal del encabezado, extrema derecha (vista de escritorio)
Realmente apreciaría cualquier ayuda para descubrir cómo restaurar la visibilidad del ícono de búsqueda. ¡Gracias de antemano!
La página con la que necesito ayuda con: [log in to see the link]