Icono del menú  

Hola Helena.

Por defecto ese es el icono del menu, y de normal los usuarios ya lo identifican como tal.

Si quieres añadir un texto al lado, edita el archivo header.php que encontrarás en wp-content -> themes -> humble -> header.php

.- Sobre la línea 23 veras un codigo como este:

.- Modifica el código por el siguiente:

 Menu

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

Hola Pepe,,

Si ahora esta perfecto, pero necesito que sólo salga en la versión móvil¿Es posible?

Muchas gracias.

Hola Helena.

Ok, lo que quieres es que el icono solo aparezca en la versión móvil y no en la versión PC:

.- Edita el archivo style.css que encontraras en wp-content -> themes -> humble-child -> style.css y añade lo siguiente:

@media only screen and (min-width: 768px) {
  .sidemenu-btn {
    display: none!important;
  }
}

Un saludo

Buenas Pepe,

Lo añadí al principio al final y en medio,jejejeje
Pero sigue apareciendo en la versión PC , también borré el caché

Gracias

Hola Elena,

Yo no haría cambios en el header.php (que además si no es un override en un child-theme, cuando actualices el tema perderás ese cambio).

Lo adecuado es usar content en la calse CSS correspondiente, por ejemplo:

content: "Menu";

De forma que sea:

@media only screen and (min-width: 768px) {
  .sidemenu-btn {
    content: "Menu";
  }
}

Obviamente esto supone eliminar el cambio que hiciste en el header.php

Nota: Haz siempre backup de los archivos o de la web antes de toquetear archivos php o de estilos css.

De todas formas cabe decir que hoy día en Internet todo el mundo que navega desde móviles sabe que las 3 rayas horizontales (menú hamburguesa) son eso mismo, la representación del Menú por lo que adicionar la palabra "Menú" acaba siendo redundante.

Saludos

Hola Luis,

Ya quité los cambios anteriores como dices, pero no entiendo bien donde tengo que meter el código que me dices.

Y la verdad que tienes razón con lo de los tres rayitas pero no te imaginas la gente que me dice que en el móvil no encuentran el menú,

Hola Helena.

El código lo tienes que añadir en el archivo style.css que encontrarás dentro de wp-content -> themes -> humble .

El codigo que te pase para eliminar el menu en la versión PC lo estoy probando con el inspector del navegador y veo que funciona bien:

Añade el codigo en el archivo style.css que encontraras en la ruta que te indique antes:

@media only screen and (min-width: 768px) {
  .sidemenu-btn {
    display: none!important;
  }
}

Revisa si dentro de la configuración d ela plantilla tienes alguna opción para recompilar la cache.

Un saludo

Genial chicos tenías razón es la cache, ya no se visualiza en el modo pc, muchas gracias.

El logo que tengo puesto en la cabecera en modo móvil sale muy pequeño ¿Alguna manera de que salga más grande?
En modo PC sale perfecto.
Adjunto archivo

Muchas gracias.

Hola Elena.

Prueba con lo siguiente:

@media only screen and (max-width: 768px) {
.logo img {
    max-width: 250px;
    }
  
  .sidemenu-btn {
    top: 20%!important;;
}
 }

Acuérdate de re-compilar la cache 😉

Un saludo

Hola Pepe,

Lo añado en el archivo style.css también? alfinal?

Gracias.

Hola Helena.

Si, en el mismo archivo, la posición no importa, puedes ponerlo al final.

la posición en la que añades los códigos de estilos ( css ) no importa, puedes añadirlos en cualquier parte del archivo.

Un saludo

Ok perfecto Pepe, todo correcto.

Muchas gracias 😉

Hola Helena.

Genial !!!! Una cosa menos 😉
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo