• Resuelto santivenier95

    (@santivenier95)


    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 4 respuestas - de la 1 a la 4 (de un total de 4)
  • 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!

    Iniciador del debate santivenier95

    (@santivenier95)

    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!

    Iniciador del debate santivenier95

    (@santivenier95)

    Buen día! No ha funcionado este código. Quizás sea una cuestión del tema Astra.
    Muchas gracias por la colaboración!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Cómo ocultar menú en móvil’ está cerrado a nuevas respuestas.