fbpixel

Menu movil flotante con CSS

Hola ¿Cómo andan?

Tengo un pequeño problema con el menu movil en CSS.

Al momento de desplegarlo se abre pero solo arriba, si intento abrirlo al final del blog el logito flotante se ve pero para ver el menu desplegado debo volver arriba de todo.

Espero me entiendan y puedan darme una mano, debe ser algun problema al ingresar el CSS.

Les dejo el CSS que implemente para este menú.

/----- Menu Movil -----/
@media screen and (max-width:500px) {
#mobile-header .menu-toggle {
position:fixed;
line-height: unset;
bottom:500px;
right:10px;
border-radius:50%;
width:50px;
height:auto;
padding:20px;
background-color:#0000CC;
box-shadow: none;
z-index: 99
}

.menu-toggle .mobile-menu {
display:none
}

#mobile-header.toggled {
border-radius:unset
}
}

Desde ya muchas gracias a quien pueda ayudarme.

Saludos.

1 me gusta

mandame video mostrando lo que pasa (lo podes hacer con loom.com, gratis)

Hola @mparraud disculpame la demora. Te dejo la página para que veas un poco mejor https://grupodiversso.com espero poder solucionar ese problema.

Saludos

ahi lo pude ver, ese menu flotante vino con el theme o usaste un plugin?

El menu se adaptaba a movil por defecto pero lo modifique para que tenga esa aparaciencia con el código CSS de más arriba. El problema como habras visto es que el menu no se despliega a partir de boton flotante.

ahi veo que lo cambiaste y me parece que queda mejor así!!