Un usuario preguntó 👇
Solo tengo 4 elementos del menú principal en la parte superior de mi sitio web. Al menos, parecen mostrarse fácilmente en un ipad. Veo muchos sitios web que muestran todos sus elementos de menú (muchos más que yo) enumerados en la parte superior de la página para dispositivos móviles.
Algunos sitios web incluso muestran los elementos del menú cuando se sostiene la pantalla horizontalmente y luego, cuando se perfora verticalmente, el menú muestra una hamburguesa.
Quiero que mi sitio se vea lo más elegante posible y solo estoy en el menú de hamburguesas
¿Hay alguna forma de hacer esto?
(@kharisblank)
Hace 1 año, 9 meses
Hola a todos,
Ya he publicado una solución para este propósito en nuestro propio canal de soporte. Puedes seguirlo aquí en este enlace.
Saludos, Kharis
Lanzador de hilos
(@awapril)
Hace 1 año, 9 meses
Usé el código CSS que pusiste en el enlace y se veía genial durante unos 5 segundos … luego los elementos del menú se agrupan y ahora aparecen como un menú desplegable estático en la parte superior.
Solo lo muestra de esta manera en mi ipad cuando lo inclino horizontalmente.
¿Cómo puedo arreglar esto?
(@kharisblank)
Hace 1 año, 9 meses
Hola a todos,
¿Ha escrito los pasos 1-3 este hilo?
Saludos, Kharis
Lanzador de hilos
(@awapril)
Hace 1 año, 9 meses
No hice 1-3 porque pensé que había dos opciones diferentes. ¡cerveza!
También me preocupa que hayas dicho «hazlo bajo tu propio riesgo» y que se sobrescriba con la próxima actualización. No quiero romper mi sitio o tengo que ingresar un código cada vez que hay una actualización.
¿No hay otra manera fácil de hacer esto sin riesgo?
Si no es así, quizás tenga que vivir con eso tal como está … quizás mover el menú de hamburguesas a la derecha en lugar de al centro o algo así.
Lanzador de hilos
(@awapril)
Hace 1 año, 9 meses
Esta señora muy agradable ha configurado su área de menú …
https://katefruitflowers.com/
En mi iphone se muestra como un simple menú de hamburguesas, lo cual es bueno, por supuesto, para la pantalla pequeña.
Pero en mi ipad, en mosaico vertical y horizontal, el menú muestra todos los elementos presentes, sin hamburguesa.
¿Hay alguna forma de saber qué tipo de configuración tiene o código simple que no interfiere con el corazón del tema?
(@kharisblank)
Hace 1 año, 9 meses
Hola a todos,
Intente seguir los pasos a continuación:
1. Instale y active el plugin TC Custom JavaScript. 2. Vaya a Apariencia > JavaScript personalizado
3. Pegue el siguiente código en el cuadro proporcionado.
;(function($) {
$(window).on('load resize', function() {
$('#mainnav-mobi').attr('id', 'mainnav').removeAttr('style');
$('#mainnav').find('.submenu').removeAttr('style');
$('#header').find('.col-md-10').append($desktopMenu);
$('.btn-submenu').remove();
});
})(jQuery);
4. Actualice 5. Agregue este código CSS a Apariencia> Personalizar> CSS adicional desde el tablero.
.btn-menu{
display: none;
}
#mainnav{
display: block;
}
}
@media only screen and (max-width:767px){
#mainnav{
float: none;
display: table;
margin-left: auto;
margin-right: auto;
}
}
Saludos, Kharis
¿Solucionó tu problema??
0 / 0