Mostrando 4 resultados
/* Solo celular */
@media (max-width: 921px){
@media (max-width: 921px){
.mobile-menu-box{
position: fixed;
top: 15px;
right: 15px;
z-index: 99999;
}
#mobileBtn{
background:#071c2f;
color:#fff;
border:none;
font-size:26px;
padding:8px 12px;
border-radius:6px;
cursor:pointer;
}
#mobileMenu{
position: fixed;
top:0;
right:-100%;
width:80%;
height:100%;
background:#071c2f;
padding:20px;
transition:0.3s;
z-index:99998;
}
#mobileMenu a{
display:block;
color:#fff;
text-decoration:none;
font-size:18px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,0.2);
}
#mobileMenu.open{
right:0;
}
}
/* Ocultar en PC */
@media (min-width: 922px){
.mobile-menu-box{
display:none;
}
}
document.addEventListener("DOMContentLoaded",function(){
var btn = document.getElementById("mobileBtn"); var menu = document.getElementById("mobileMenu");
if(btn && menu){ btn.addEventListener("click",function(){ menu.classList.toggle("open"); }); }
});
Monocristalino
Carrito de compra