Cómo ocultar un menú móvil en WordPress (paso a paso)

En WordPress, si desea ocultar sus menús móviles, continúe leyendo este blog, encontrará que la mayoría de los temas de WordPress se suministran con estilos incorporados, lo que lo ayudará a convertir automáticamente el menú de navegación en un menú móvil. En su teléfono móvil, es posible que no desee usar un menú similar, ya que puede encargarse de ciertos estilos de menú diferentes que se mostrarán en los teléfonos móviles. A continuación, encontrará dos formas diferentes de ocultar un menú móvil en WordPress se presentan a continuación: Método 1: Ocultar menús móviles con el complemento de WordPress para principiantes, se recomienda el método 1, porque no deben confundirse con la codificación, solo tiene que usar complementos Para ocultar el menú móvil, que se da por defecto por el tema de WordPress.
Después de ocultar esto, pueden usar varios menús o elegir no mostrar ningún menú en dispositivos móviles. Para usar el complemento de WordPress, el principiante primero debe autenticarse en el tablero de WordPress y luego hacer clic en la apariencia, luego en la página del menú. Aquí puedo crear un nuevo menú de navegación para presentarlo en dispositivos portátiles. Ahora encontrará otra pantalla donde tiene un nuevo nombre de menú para que pueda reconocerlo cuando sea necesario. Considere que ha agregado el nombre como un “menú de teléfono”. Ahora puedes elegir el artículo. Una vez que haya agregado los elementos al menú, ahora es el momento de hacer clic en el botón de rescate del menú.
Ahora, desde el almacén de complementos de WordPress, puede elegir un menú WP Mobile y descargarlo. O puede instalar este complemento directamente desde el tablero de WordPress.

Deberá acceder a la página del menú móvil en la activación para configurar la configuración del complemento. Ahora, aquí encontrará una opción para hacer el menú de su teléfono a la izquierda o derecha. Puede activar o deshabilitar la opción B. Ahora seleccione el menú del teléfono que creé anteriormente en el menú desplegable. Ahora, desplácese la página hacia abajo hasta que obtenga una opción para “ocultar el menú de base original”. Ahora esta opción lo ayudará a decirle al complemento que el menú móvil de WordPress debe estar oculto.

Por defecto, los elementos más utilizados identifican que los complementos utilizarán temas amigables de WordPress para dispositivos móviles. La mayoría de los usuarios del sitio web no tendrán que hacer nada aquí.

Supongamos que el complemento que usa no puede ocultar un menú móvil de su hogar almacena todas las configuraciones, no olvide guardar los cambios. Ahora, debido a que nos hemos configurado utilizando el complemento, ahora debe decirle a su sitio web que debe presentar el menú del teléfono, que el complemento agrega a una nueva ubicación del menú. Para hacer esto: vaya a la apariencia y haga clic en la página del menú.
Asegúrese de que en el menú desplegable, el menú del teléfono que creó está seleccionado correctamente. Ahora seleccione la ubicación debajo del elemento del menú, es decir, el menú móvil a la derecha o en el menú móvil a la izquierda.

Ahora verifique si el nuevo menú es visible en su sitio web o no. Sin embargo, el complemento que utilizamos no presentará el menú móvil de su base, pero presentará el creado por nosotros, es decir, el menú del teléfono. El plano que sugerimos, es decir, el complemento para el menú móvil WP ayudará a cambiar el color De la barra de menú, agregue más iconos, cambie la opacidad y muchas otras cosas en la configuración. Puede usar de manera fácil y fácil tales opciones de configuración. Método 2: Con el código, oculte su menú móvil al elegir este método para ocultar un menú móvil, asegúrese de tener experiencia o al menos saber algo personalizado.
Para este método, tendrá dos enfoques diferentes. O puede hacer el menú invisible completo con la ayuda de CSS, o puede hacer elementos invisibles individuales en dispositivos móviles. Haga el menú invisible completo en pequeños dispositivos con CSS Los elementos que desea cambiar con el código CSS personalizado que necesita para comprender. Para hacer esto, primero deberá visitar su sitio web y luego hacer clic en el menú de navegación. Ahora, haga clic en ello y elija una herramienta de inspección. Ahora encontrarás las dos pantallas diferentes. Una pantalla mostrará su sitio mientras otra pantalla mostrará el código fuente. Sin embargo, debe ajustar la pantalla del navegador a un tamaño más pequeño, a menos que el menú de navegación de escritorio no sea reemplazado con el menú móvil.

Ahora debe descubrir los CSS e identificadores utilizados por el menú de navegación del sitio de WordPress. Al tocar el mouse en el código fuente de su sitio, puede resaltar el área del menú.
Ahora ve al tablero de WordPress. Haces clic en el aspecto
Acceda a la página para personalizar la página para iniciar el elemento de personalización del tema.
Ahora puede volver a la pestaña “CSS adicional” y, en la esquina derecha del panel de administración, haga clic en el icono móvil.
Una vista previa será mostrada por una personalizada que parece que su sitio se ve en sus teléfonos. El código CSS mencionado a continuación debe agregarse al panel de vista previa, el menú móvil desaparecerá.
.navbar-toogle-wrapper {
Pantalla: ninguno;
}
Asegúrese de haber reemplazado .nav-toggle-wrapper con el identificador utilizando el tema de WordPress. En la parte superior, haga clic en el “botón de publicación” para guardar todos los cambios. Haga un cierto menú invisible en dispositivos móviles usando CSS Este es el segundo enfoque para ocultar un menú móvil. En este enfoque, se le pedirá que cree un menú de navegación y luego haga su menú móvil móvil o sus dispositivos móviles. La ventaja de usar dicho método es que puede usar un menú de navegación similar para ocultar los menús en el escritorio o los teléfonos móviles.
En el tablero de WordPress
Ir a mirar
Haga clic en la página del menú
Presione el botón de opción en la pantalla
Justo al lado de las opciones de “clase CSS” marque la casilla.
Hasta que encuentre el elemento de menú que desea ocultar, desplácese la página hacia abajo. Encontrará una opción para agregar la clase CSS a la configuración de elementos del menú. Haga clic y agregue la clase .Hide-Mobile. Para ocultar un menú móvil, repita este proceso. Sin embargo, incluso puede hacer clic con el mouse en los elementos del menú que desea hacer invisible en computadoras de escritorio. Aquí deberá agregar CSS. Clases de Hide-Desktop. Ahora guarde los cambios haciendo clic en el “Botón de rescate de menú”. Para ocultar su menú móvil, debe agregar código CSS personalizado. Para esto
Ir a mirar
Haga clic en la página de personalización
Se lanzará el personalizador del tema
Ahora haga clic en la pestaña CSS adicional
Y agregue el código a continuación al cuadro CSS
@Media (ancho mínimo: 980 px) {
.Hide-desktop {
Pantalla: ¡Ninguno! Importante;
}
}
@Media (ancho máximo: 980 px) {
Hide-Mobile {
Pantalla: ¡Ninguno! Importante;
}
}
Ahora puede consultar en su sitio si el menú móvil que se esconde es visible o no. Probablemente los menús móviles serán invisibles porque seguimos los pasos para ocultar un menú móvil.
Conclusión: Esperamos que los dos métodos diferentes mencionados en este blog lo ayuden a ocultar un menú móvil fácil y eficiente.