Soporte » Diseño – Temas y plantillas » Cómo ocultar menú en móvil

  • Hola, buen día! Necesito ocultar el menú en la versión móvil de la página pero no encuentro la opción en Apariencia –> Personalizar –> Encabezado –> Menú principal.

    Utilizo el tema Astra para editar.

    ¿Existe algún plugin para editar o un código para insertar en el CSS?
    Muchas gracias.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Muy buenas, @santivenier95

    Perdona pero no se si Astra dispone de esa opción.

    Yo te puedo comentar que lo puedes hacer con css con el siguiente código:

    @media screen and (max-width: 576px) {
        header { display: none; }
    } 

    Entendiendo que lo que quieres ocultar es todo el header en dispositivos con un tamaño menor a 576 px.

    Este código lo puedes añadir a final del fichero style.css del tu tema activo.

    Lo pruebas y nos dices si es lo que querías, ok?

    Saludos y ánimo!

    Muchas gracias! Cone se código se ocultó todo el header en la versión para móvil.
    Por el momento me sirve esto, sin embargo lo ideal sería solo ocultar el menú, pero no sé si es posible.

    Muchas gracias nuevamente por tu ayuda!

    En ese caso, prueba con el siguiente código en lugar de el otro:

    @media screen and (max-width: 576px) {
        site-navigation { display: none; }
    }

    Ta me cuentas.

    Saludos y ánimo!

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.