Aviso

Carácter suelto junto al botón del menú

Un carácter suelto aparece junto al icono del menú: un más, una flecha o un triángulo que no debería estar ahí.

Por qué importa

Da sensación de descuido justo en el lugar donde mira primero cada visitante. Suele venir de un estilo general pensado para otra cosa.

Cómo lo comprueba Snaglist

Snaglist lee el ::before y ::after del botón del menú y todo lo que hay dentro, cerrado y abierto. No cuenta el contenido vacío, como las barras de una hamburguesa, ni las fuentes de iconos. También se reporta un summary usado como botón de menú que sigue mostrando su triángulo.

Causas habituales

  • Un estilo para preguntas desplegables (summary::after con un más) que también afecta al botón del menú
  • El triángulo por defecto de un elemento summary
  • Una flecha de un estilo de tema para menús desplegables

Cómo solucionarlo

  1. Limita el estilo a las preguntas mismas, con su propia clase.
  2. O pon content: none en ::before y ::after del botón del menú.
  3. Para un summary: list-style: none y oculta ::-webkit-details-marker para Safari.
  4. Vuelve a revisar la página tras el próximo rastreo.

Encuéntralo en tu propio sitio.

Snaglist ejecuta esta comprobación y otras 43 en todas las páginas de tu sitio, cada semana. 14 días gratis, sin tarjeta de crédito.

Prueba gratis 14 días