Al reemplazar la palabra Icon por el ícono del menú, ya el cursor no cambia a pointer cuando paso el mouse encima de él; mientras que sob...

Manuel Araujo

Manuel Araujo

Pregunta
studenthace 3 años

Al reemplazar la palabra Icon por el ícono del menú, ya el cursor no cambia a pointer cuando paso el mouse encima de él; mientras que sobre la foto de perfil sí se hace el cambio de cursos a pointer. Por qué?

2 respuestas
para escribir tu comentario
    Manuel Araujo

    Manuel Araujo

    studenthace 3 años

    Muchas gracias, eso fue lo que terminé haciendo más tarde ese día y funcionó. Gracias igualmente por tu apoyo.

    Norma Natalia Moreno Espinoza

    Norma Natalia Moreno Espinoza

    studenthace 3 años

    ¡Hola @kymanny! 😃 Recordemos que como borramos la palabra Icon de la etiqueta <a> ya no hay texto a que aplicar el pointer, debido a que usamos la propiedad de background-image. Para que se vuelva a ver nuestro cursor de tipo pointer debemos agregar ese estilo en nuestro css en la clase .menu-icon, de esta manera:

    nav .nav-right-section .menu-icon { background-image: url('https://static.thenounproject.com/png/756729-200.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 25px; height: 25px; cursor: pointer; }

    Te invito a que nos compartas como va tu proyecto ~

    ¡Nunca pares de aprender! 💚

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.