Al fin luego de mucho trabajar hemos encontrado la respuesta de este atascamiento que muchos usuarios de este sitio web han presentado. Si deseas compartir algún dato no dejes de dejar tu comentario.
Ejemplo: css de la barra de navegación superior
/* This is the css for the nav bar*/navdisplay: flex;align-items: center;position: sticky;top:0px;align-items: center;min-height:8vh;nav::beforecontent:"";background-color:rgb(255,255,255);position: absolute;top:0px;left:0px;height:100%;width:100%;z-index:-1;opacity:0.4;#logocolor:rgb(0,0,0);text-transform: uppercase;letter-spacing:5px;margin-left:20px;margin-right:60px;font-size:22px;.nav-linksdisplay: flex;justify-content: space-around;width:18%;.nav-links lilist-style: none;display: inline-block;#N1margin-left:20px;margin-right:10px;#N2padding-left:5px;.nav-links acolor:rgb(0,0,0);font-size:20px;text-decoration: none;letter-spacing:3px;font-weight: bold;width:150px;display: inline-block;text-align: center;.cool-link::aftercontent:'';display: block;width:0;height:2px;background:rgb(0,0,0);transition: width .3s;.cool-link:hover::afterwidth:100%;transition:width .3s;/* designing of the buttons */.btnborder:1px solid #3498db;background: none;padding:10px20px;font-size:25px;font-family:"montserrat";cursor: pointer;margin:10px;transition:0.8s;position: relative;overflow: hidden;text-decoration: none;.btn::beforecontent:"";position: absolute;left:0;width:100%;height:0%;background:#3498db;z-index:-1;transition:0.8s;.btn atext-decoration: none;color:#fff;.btn4color:#fff;.btn4:hovercolor:black;/* change the color*/.btn4::beforebottom:0;border-radius:50%50%00;.btn4::beforeheight:180%;.btn4:hover::beforeheight:0%;/* button ends */.burgerposition: absolute;right:30px;cursor: pointer;display: none;.burger divwidth:25px;height:3px;background-color:rgb(5,5,5);margin:5px;/* Nav bar in the mobile version*/@media screen and(max-width:670px)bodyoverflow-x: hidden;.nav-linksposition: absolute;right:0px;height:25vh;top:8vh;background-color:rgb(241,241,241);display: flex;flex-direction: column;align-items: center;width:50%;transform:translateX(100%);transition: transform 0.3s ease-in;/* canging the z index of the */.nav-links acolor:rgb(0,0,0);font-size:20px;text-decoration: none;letter-spacing:3px;font-weight: bold;display: inline-block;width:150px;text-align: center;margin-left:50px;.nav-activetransform:translateX(0%);.burgerdisplay: block;Reseñas y calificaciones
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)