Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Expertos en WordPress resuelven los problemas y dudas con tu Web. Servicio gratuito incluido para clientes de Webempresa. Soporte WordPress en español 24 horas, todos los días del año.

TEMA: Icono del menú

Icono del menú 1 año 5 meses antes #302727

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 oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.
Mejora la velocidad de tu WordPress

Icono del menú 1 año 5 meses antes #302731

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:
<a class="sidemenu-btn" href="#" title=""><i class="icon_menu"></i></a>

.- Modifica el código por el siguiente:
<a class="sidemenu-btn" href="#" title=""><i class="icon_menu"></i>&nbsp;Menu</a>

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
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.
trasladar web gratis

Icono del menú 1 año 5 meses antes #302736

Hola Pepe,,

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

Muchas gracias.
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.
solucionar problemas wordpress

Icono del menú 1 año 5 meses antes #302737

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
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302741

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
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302760

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
  • Luis Mendez Alejo
  • Avatar de Luis Mendez Alejo
  • DESCONECTADO
  • Administrador
  • Mensajes: 23257
  • Gracias recibidas 2410
  • Karma: 514
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
Última Edición: 1 año 5 meses antes por Luis Mendez Alejo.
El tema ha sido cerrado.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Icono del menú 1 año 5 meses antes #302798

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ú,
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302802

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:

RecetasconysinlaThermomixlosmejorespostresycomidas.jpg


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
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302814

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.
Adjuntos:
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302817

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
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302822

Hola Pepe,

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

Gracias.
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #302827

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
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #303164

Ok perfecto Pepe, todo correcto.

Muchas gracias ;)
  • ELENA
  • Avatar de ELENA
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 72
  • Karma: 0
El tema ha sido cerrado.

Icono del menú 1 año 5 meses antes #303171

Hola Helena.

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

Cerramos el tema.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

Temas Relacionados

2 Respuestas emo
Tema iniciado 1 año 5 meses antes por ELENA
386 Visitas
1 Respuestas emo
Tema iniciado 1 año 6 meses antes por raquel
349 Visitas
5 Respuestas emo
Tema iniciado 8 meses 3 días antes por RAFAEL
132 Visitas
1 Respuestas emo
Tema iniciado 4 años 9 meses antes por Natalia
1584 Visitas
1 Respuestas emo
Tema iniciado 3 años 10 meses antes por Sara
4802 Visitas
9 Respuestas emo
Tema iniciado 1 año 11 meses antes por Marti Martinez
1450 Visitas
8 Respuestas emo
Tema iniciado 1 año 6 meses antes por Aurelio Juan
789 Visitas
4 Respuestas emo
Tema iniciado 2 meses 5 días antes por Walter
40 Visitas
3 Respuestas emo
Tema iniciado 3 años 5 meses antes por Alejandro
1770 Visitas
1 Respuestas emo
Tema iniciado 5 meses 5 días antes por Francisco
72 Visitas

Tiempo de carga de la página: 0.689 segundos