Avisos
Vaciar todo

Icono del menú  

 
ELENA
 ELENA
Estimable Member

Buenos días,,
Quisiera cambiar o incluir texto en el icono del Menu.
Salen tres rallas horizontales me gustaría dejarlas pero incluir a la derecha el texto "MENÚ"
Mando captura

¿Como podría hacerlo muchas gracias?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/02/2018 11:24 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 25/02/2018 11:54 am

wpdoctor-revisa-la-salud-de-tu-wordpress

ELENA
 ELENA
Estimable Member

Hola Pepe,,

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

Muchas gracias.

ResponderCitar
Respondido : 25/02/2018 1:56 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 25/02/2018 2:20 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

ELENA
 ELENA
Estimable Member

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

ResponderCitar
Respondido : 25/02/2018 3:24 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 25/02/2018 11:15 pm

Cursos Gratuitos WordPress

ELENA
 ELENA
Estimable Member

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ú,

ResponderCitar
Respondido : 26/02/2018 11:50 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 26/02/2018 12:24 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

ELENA
 ELENA
Estimable Member

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.

ResponderCitar
Respondido : 26/02/2018 1:40 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 26/02/2018 1:55 pm

ELENA
 ELENA
Estimable Member

Hola Pepe,

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

Gracias.

ResponderCitar
Respondido : 26/02/2018 2:37 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 26/02/2018 3:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

ELENA
 ELENA
Estimable Member

Ok perfecto Pepe, todo correcto.

Muchas gracias 😉

ResponderCitar
Respondido : 01/03/2018 11:49 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Helena.

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

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 01/03/2018 11:59 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación