Ir al contenido

Añadir un subtitulo mediante css aprovechando el atributo title y los pseudoelementos

El mes pasado publiqué un snippet que mostraba la descripción de los menús en el menú de navegación.

Este snippet y otros parecidos me han estado dando problemas, errores de php que aparecen cuando se activa el debug en el archivo de configuración de wordpress.

Así que he buscado una alternativa,  consiste en mostar el texto que deseemos utilizando la etiqueta title del menú de navegación, lo que en el gestor aparece como “Atributos del título” en el gestor.

Solución con Css

Mostramos el atributo title mediante css utilizando un pseudoemento para colocarlo donde queramos.

.menu a:after{
    content: attr(title);
    display: block;
}

Demo en codepen