Avisos
Vaciar todo

Menú estático en móvil  

Página 1 / 2
 
Marcos
 Marcos
Usuario activo

Hola necesito que el menú del móvil sea estático, osea que no desaparezca y que se vea completo, porque he encontrado un css que me hace eso pero cuando llega al final de la pantalla no sigue el menu y no se ve completo.

Gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 19/05/2021 7:39 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Marcos,

Puedes enviarnos la URL donde tienes el menú que deseas configurar estático, al ingresar a la URL que nos compartes solo podemos ver esto

imagen

Un Saludo

ResponderCitar
Respondido : 19/05/2021 7:53 pm
Marcos
 Marcos
Usuario activo

http://miexclus-cp793.wordpresstemporal.com/mi-exclusive.com/

ResponderCitar
Respondido : 20/05/2021 4:16 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Marcos,

Viendo tu enlace compartido pude fijarme que el menu si tiene una posición fija (fixed) pero se aprecia poco por la poca cantidad de contenido actual de tu sitio, también pude fijarme que el efecto no se muestra en resoluciones mobile.

Te recomiendo echarle un vistazo a esta guía presentada por la misma gente de Divi donde explican como tener el resultado que supongo esperas https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-fixed-header-with-divis-position-options

Saludos!

ResponderCitar
Respondido : 20/05/2021 4:20 pm
Marcos
 Marcos
Usuario activo

Quieres decir que la única forma de que el menú en mobile sea estático es creando una plantilla global? eso se me complica mucho y en pantalla de ordenador esta correcto, solo me queda que se quede estático en el móvil.

ResponderCitar
Respondido : 20/05/2021 9:47 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Marcos,

Verifica agregar el siguiente código en Apariencias > Personalizar  > Css adicional:

header#main-header {
position: fixed !important;
}

Con esto debería quedar fijo tanto para pc como para teléfonos.

Un saludo 🖐️ 

ResponderCitar
Respondido : 20/05/2021 9:55 pm
Marcos me gusta
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Marcos,

No entendí del todo tu comentario, en mi mensaje anterior te compartía una forma en la que es recomendado por los mismos creadores de Divi como podrías implementar el menu fijo, sin embargo si lo que quieres es que el efecto que ya funciona en desktop funcione en mobile simplemente añade el siguiente codigo en tu CSS global

#main-header{
position: fixed !important;
}

Saludos

ResponderCitar
Respondido : 20/05/2021 9:55 pm
Marcos me gusta
Marcos
 Marcos
Usuario activo

ok. con ese código se queda estático en móvil pero si la pagina es corta no se muestra todo el menú, me estoy refiriendo al movil

http://miexclus-cp793.wordpresstemporal.com/mi-exclusive.com/categoria-producto/telefonos/mi/

 

ResponderCitar
Respondido : 20/05/2021 10:09 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Marcos,

No comprendo lo que te refieres:

image
image

En la captura puedes ver ambas versiones, puedes indicarnos a que te refieres con que no se muestra todo el menu?

Un saludo 🖐️ 

ResponderCitar
Respondido : 20/05/2021 10:12 pm
Marcos
 Marcos
Usuario activo

que si pinchas para ver el menu en el movil no se llega a ver completo, se corta cuando llega al final del movil. no hace sceoll creo que se llama

 

ResponderCitar
Respondido : 20/05/2021 10:18 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Marcos,

Ya logro comprender lo que nos comentas, verifica agregar al final del todo en Apariencias > personalizar > css adicional el siguiente fragmento de código:

.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}

Verifica y nos comentas, con el activo deberías de poder hacer scroll, en el menú cuando lo despliegas.

Un saludo 🖐️ 

ResponderCitar
Respondido : 20/05/2021 10:22 pm
Marcos me gusta
Marcos
 Marcos
Usuario activo

Perfecto. lo último, para que salga el carrito de compra en el móvil, que tengo que poner?

ResponderCitar
Respondido : 20/05/2021 10:33 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Marcos,

Puedes verificar el código suministrado en este hilo de foro:

https://www.webempresa.com/foro/soporte-divi-en-espanol/no-aparece-el-icono-del-carrito-en-la-vista-movil

El caso es bastante similar ya que tú también utilizas la barra superior para mostrar esta opción de carrito.

Un saludo 🖐️ 

ResponderCitar
Respondido : 20/05/2021 10:48 pm
Marcos
 Marcos
Usuario activo

he probado todo lo que dice en el articulo que me has enviado y sigue sin aparecer

 

ResponderCitar
Respondido : 20/05/2021 11:01 pm
Marcos
 Marcos
Usuario activo

al final he decidido cambiar el menu para que no pase eso, si hay alguna forma de poner el carrioto con un css me dicien

ResponderCitar
Respondido : 20/05/2021 11:23 pm
Página 1 / 2