Antoniio1 Seguir
Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 11 Ago 2018
- Mensajes
- 295
Hola, buenas. Estoy teniendo problemas con el menú de una app, uso una plantilla que compré. Al momento de abrirlo sin problemas se muestra el menú:
Aquí ya se abrió sin problemas:
El problema viene aquí, que al darle click en las líneas de arriba para cerrar el menú no reacciona, no cierra, el menú queda abierto, qué pueda ser?, cada que le intento cerrar y doy click en el código se selecciona esta parte:
Esta es una parte del css de menú:
Saludos!.
Aquí ya se abrió sin problemas:
El problema viene aquí, que al darle click en las líneas de arriba para cerrar el menú no reacciona, no cierra, el menú queda abierto, qué pueda ser?, cada que le intento cerrar y doy click en el código se selecciona esta parte:
Insertar CODE, HTML o PHP:
page-content header-clear-larger active-body-left-push
Esta es una parte del css de menú:
CSS:
/*Menu Header*/
/*-----------*/
.menu-header{margin:0px 0px -18px 0px; padding-bottom:20px; border-bottom:solid 1px rgba(255,255,255,0.1);}
.menu-header p{text-align:center; font-size:12px; margin-bottom:5px; color:#FFFFFF; opacity:0.7; text-shadow:0px 0px 0px #000000!important;}
.menu-header h1{text-align:center; margin-bottom:0px; font-size:26px; line-height:20px; font-weight:900; text-transform:uppercase; color:#FFFFFF;}
/*Menu Contact Form*/
/*-----------------*/
.menu .contact-form{margin-left:20px;margin-right:20px;}
.menu input[type="text"], .menu textarea{
display:block;
box-shadow:none;
-webkit-appearance: none;
color:#000000;
}
.menu input{height:45px; line-height:45px; margin-bottom:15px!important;}
.menu input::placeholder, .menu textarea::placeholder{color:#666666!important;}
/*Menu Sidebar Settings*/
/*---------------------*/
.menu-sidebar-left, .menu-sidebar-right{
position:fixed;
top:0px;
bottom:0px;
width:250px;
z-index:1000;
transition:all 350ms ease;
}
.menu-sidebar-shadow{
box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);
}
.menu-sidebar-left{left:0px; transform:translateX(-260px);}
.menu-sidebar-right{right:0px; transform:translateX(260px);}
.menu-sidebar-left .menu-scroll, .menu-sidebar-right .menu-scroll{padding-top:0px;}
.active-sidebar-left-over{transform:translateX(0px); transition:all 350ms ease;}
.active-sidebar-left-push{transform:translateX(0px); transition:all 350ms ease;}
.active-body-left-push{transform:translateX(250px); transition:all 350ms ease;}
.active-sidebar-left-parallax{transform:translateX(0px); transition:all 350ms ease;}
.active-body-left-parallax{transform:translateX(80px); transition:all 400ms ease!important;}
.active-sidebar-right-over{transform:translateX(0px); transition:all 350ms ease;}
.active-sidebar-right-push{transform:translateX(0px); transition:all 350ms ease;}
.active-body-right-push{transform:translateX(-250px); transition:all 350ms ease;}
.active-sidebar-right-parallax{transform:translateX(0px); transition:all 350ms ease;}
.active-body-right-parallax{transform:translateX(-80px); transition:all 400ms ease!important;}
/*Menu Modal Settings*/
/*-------------------*/
.menu-box-modal{
position:fixed;
top:0px;
bottom:0px;
top:50%;
z-index:1000;
border-radius:10px;
pointer-events:none;
overflow:hidden!important;
opacity:0;
left:50%;
transform:translateX(-50%);
transition:all 350ms ease;
}
.active-menu-box-modal{
opacity:1!important;
pointer-events: all;
transition:all 350ms ease;
}
/*Menu Bottom Box Settings*/
/*------------------------*/
.menu-box-bottom{
left:50%;
position:fixed;
z-index:1000;
border-radius:20px;
height:500px;
pointer-events:none;
bottom:-20px;
transform:translateX(-50%);
transition:all 350ms ease;
}
.active-menu-box-bottom{
pointer-events: all!important;
transform:translate(-50%, -45px)!important;
transition:all 350ms ease;
}
/*Menu Top Box Settings*/
/*---------------------*/
.menu-box-top{
position:fixed;
z-index:1000;
border-radius:15px;
height:500px;
pointer-events:none;
top:-70px;
left:15px;
right:15px;
transition:all 350ms ease;
}
.active-menu-box-top{
pointer-events: all!important;
transform:translate(0%, 80px)!important;
transition:all 350ms ease;
}
/*Menu Full Top*/
/*-------------*/
.menu-full-top{
position:fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
z-index:1000;
height:100%;
transform:translateY(-150%);
transition:all 550ms ease;
}
.active-menu-full-top{transform:translateY(0px)!important; transition:all 450ms ease;}
/*Menu Full Bottom*/
/*----------------*/
.menu-full-bottom{
position:fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
z-index:1000;
height:100%;
transform:translateY(150%);
transition:all 550ms ease;
}
.active-menu-full-bottom{transform:translateY(0px)!important; transition:all 450ms ease;}
/*Menu Share*/
/*----------*/
.share-icons{
width:290px;
margin:0 auto;
}
.share-icons a{
width:60px;
float:left;
margin:0px 15px 20px 15px;
}
.share-icons em{
display:block;
font-size:12px;
color:#1f1f1f;
font-style: normal;
margin-top:-20px;
text-align:center;
width:80px;
}
.share-icons a i{
margin:0px 10px 20px 10px;
font-size:20px;
width:60px;
line-height:57px;
text-align:center;
border-radius:17px;
color:#FFFFFF;
}
.share-icons:after{
content: "";
display: table;
clear: both;
}
/*Menu Build*/
/*----------*/
.menu-header{background-color:rgba(0,0,0,0.05); margin-top:-30px!important; padding-top:30px; margin-bottom:0px;}
.menu-header h1{color:#FFFFFF; font-size:24px; text-shadow:0px 1px 0px #777777;}
.menu-header p{font-size:11px; color:#F1ECEC; text-shadow:0px 1px 0px #949292;}
.menu-item{
color:#FFFFFF!important;
font-weight:400!important;
font-size:14px;
text-shadow:0px 1px 1px rgba(0,0,0,0.5);
line-height:57px;
transition:all 250ms ease;
}
.menu-item:hover{
background-color:rgba(255,255,255,0.03);
}
.submenu a:hover{
background-color:rgba(255,255,255,0.02);
}
.menu-list .fab{line-height:34px!important;}
.menu-item i:first-child{
color:#FFFFFF!important;
height:35px;
width:35px;
line-height:36px;
text-align:center;
border-radius:35px;
font-size:14px;
margin-left:20px;
margin-right:20px;
text-shadow:0px 1px 1px rgba(0,0,0,0.5);
box-shadow:0 20px 67px 0 rgba(0,0,0,.12), 0 5px 14px 0 rgba(0,0,0,.2);
}
.menu-divider{
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
color:#FFFFFF!important;
font-size:10px;
text-transform:uppercase;
display:block;
padding-left:20px;
padding-bottom:10px;
margin-bottom:10px;
font-style:normal;
font-weight:900;
margin-top:30px;
border-bottom:solid 1px rgba(255,255,255,0.05);
}
.menu-list span{
position:absolute;
right:16px;
font-size:9px;
background-color:rgba(255,255,255,0.15);
height:20px;
margin-top:19px;
line-height:20px;
padding-left:8px;
padding-right:8px;
border-radius:15px;
min-width:20px;
text-align:center;
text-shadow:0px 1px 0px rgba(0,0,0,0.3);
}
.menu-copyright{
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
text-align:center;
color:rgba(255,255,255,1);
font-style:normal;
padding-top:20px;
font-weight:300;
font-size:10px;
display:block;
border-top:solid 1px rgba(255,255,255,0.03);
margin-top:20px;
margin-bottom:30px;
}
.menu-list .fa-angle-right{
position:absolute;
font-size:10px;
height:55px;
line-height:57px;
width:55px;
right:0px;
text-align:center;
}
[data-submenu]::after{display:none!important;}
.active-menu::after {
font-family: "Font Awesome 5 Free";
font-weight:900;
content:'\f111';
position:absolute;
right:25px;
font-size:7px;
margin-top:0px;
}
.remove-dot::after{content:''!important;}
.active-menu{font-weight:700!important; transition:all 300ms ease; background-color:rgba(255,255,255,0.03);}
.active-menu i:first-child {
animation-name: menuANI;
animation-duration: 600ms;
animation-timing-function: ease;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes menuANI {
0% {transform: scale(1);}
100% {transform: scale(1.08);}
}
Saludos!.