Estoy creando una página de destino usando HTML/CSS y javascript. Para la consulta de medios, max-width: 768px funciona bien, pero cuando utilicé la consulta de medios para min-width: 768px , display: block , no elimina la barra de menú para un tamaño de pantalla superior a 768px.
@media screen and(min-width: 768px){ body{ margin: 0; } .nav{ height: calc( var(--header-height) + 3rem); } .nav-toggle .nav-close{ display: none; } } aquí .nav-toggle es la clase de icono de hamburguesa y .nav-close es la clase para el botón de cruz (X). Utilicé la propiedad display , pero todavía muestra la alternancia.
se trata de apuntar a las clases correctas
intente inspeccionar a través de las herramientas de desarrollo de su navegador en su tamaño objetivo, probablemente notará que su css se anula en este caso, puede probar clases más específicas para aumentar la especificidad de css o forzar su css a través de la etiqueta !important