Ponerle Tooltip a menú vertical de iconos

  • Autor Autor soynacho
  • Fecha de inicio Fecha de inicio
S

soynacho

Zeta
SEO
Verificado por Whatsapp
Tengo este menú: Vertical Icon Menu

Quisiera ponerle un tooltip o que con el hover se amplíe el ancho del elemento del menú para mostrar la palabra que indica de que se trata ese menú.

¿Que le adicionaría al CSS?
 
Hola

Verás los tooltips se ponen con la etiqueta html <span title="soy un tooltip">...</span>

Ya que tu menú vertical usa una lista con las etiquetas html <ul><li><a>, sólo tienes que agregar <span> delante de <a>

<ul class="cbp-vimenu">
<li><span title="Soy un tooltip"><a href="#" class="icon-logo">Logo</a></span></li>
...continua la lista del menú...
</ul>

Espero que te sirva 😉
 
Excelente!

Y para darle estilo para que aparezca en el hover directamente?? Que cuando se haga hover aparezca ese tooltip o similar...

l0g0s dijo:
Hola

Verás los tooltips se ponen con la etiqueta html <span title="soy un tooltip">...</span>

Ya que tu menú vertical usa una lista con las etiquetas html <ul><li><a>, sólo tienes que agregar <span> delante de <a>

<ul class="cbp-vimenu">
<li><span title="Soy un tooltip"><a href="#" class="icon-logo">Logo</a></span></li>
...continua la lista del menú...
</ul>

Espero que te sirva 😉
Hacer clic para expandir...
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba