Consigue 1 año de CiberProtector Premium GRATIS con todos los planes de hosting   CONTRATA AQUÍ »

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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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: 23150
  • Gracias recibidas 2406
  • Karma: 512
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
Última Edición: 11 meses 3 semanas 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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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ú 11 meses 3 semanas 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ú 11 meses 3 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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ú 11 meses 2 semanas 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ú 11 meses 2 semanas 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
  • DESCONECTADO
  • Administrador
  • Mensajes: 16849
  • Gracias recibidas 1375
  • Karma: 483
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 11 meses 2 semanas antes por ELENA
244 Visitas
1 Respuestas emo
Tema iniciado 1 año 1 semana antes por raquel
226 Visitas
5 Respuestas emo
Tema iniciado 2 meses 1 semana antes por RAFAEL
48 Visitas
1 Respuestas emo
Tema iniciado 4 años 3 meses antes por Natalia
1302 Visitas
1 Respuestas emo
Tema iniciado 3 años 4 meses antes por Sara
4287 Visitas
9 Respuestas emo
Tema iniciado 1 año 5 meses antes por Marti Martinez
1086 Visitas
8 Respuestas emo
Tema iniciado 1 año 3 semanas antes por Aurelio Juan
514 Visitas
3 Respuestas emo
Tema iniciado 3 años 5 días antes por Alejandro
1466 Visitas
8 Respuestas emo
Tema iniciado 8 meses 3 semanas antes por Victor
170 Visitas
3 Respuestas emo
Tema iniciado 2 años 5 meses antes por Salvador
1004 Visitas

Tiempo de carga de la página: 0.901 segundos