Desactivar cambios en la cabecera en móvil

En el móvil, cuando estoy en la parte superior del tema, la barra de navegación/encabezado incluye el icono del menú y otros elementos, incluido el control deslizante/carrusel de categorías.

Cuando me desplazo más allá de un cierto “umbral”, cambia para incluir el nombre del tema, pero eso interrumpe mi formato. ¿Puedo desactivar este comportamiento? Quiero el mismo encabezado todo el tiempo.

Encabezado normal / bueno:

Desplazamiento / Encabezado malo:

Lo extraño es que cuando uso Chrome > Inspeccionar, obtengo un comportamiento diferente y agradable:

Antes de desplazarse:

Después de desplazarse:

Creo que este componente podría ayudarte

El botón del menú hamburguesa no está en el mismo lugar en tus dos capturas de pantalla, lo que me hace pensar que no usaste el modo móvil en el segundo caso.

Puedes obtener la vista móvil añadiendo ?mobile_view=1 a la URL. Así que también podrías mejorar el estilo y seguir beneficiándote de la función de mostrar el título.

1 me gusta

Eso es exactamente lo que quería. ¡Gracias!

Simplemente fui al panel de Inspeccionar en Chrome y hice clic en el botón para activar la vista móvil. Por qué el menú se desplazó hacia la izquierda, no tengo ni idea…
A veces esa vista no es muy precisa, me he dado cuenta de eso.
Gracias por el consejo de ?mobile_view=1. No lo sabía.
Solo quiero añadir, para aquellos que no están familiarizados con esto (y me tomó un tiempo volver a la normalidad), que para volver solo hay que añadir ?mobile_view=0 como https://example.com?mobile_view=0

Con la opción ?mobile_view=1, noté que actuaba de forma extraña cuando llegaba al punto de cambiar al título del tema, pero en el móvil no lo hacía. Quizás haya algo raro al usar un navegador de escritorio.

Como puedes ver en mis capturas de pantalla, además del encabezado desordenado, el deslizador con las categorías se ha eliminado por completo.

1 - ¿Crees que eso está sucediendo porque la altura del encabezado no se ajusta correctamente?
2 - ¿Cómo puedo crear CSS que solo se aplique cuando ocurre ese cambio?

@Moin Al inspeccionar la versión móvil usando el truco de URL que compartiste (sin el componente instalado), veo esto cuando estoy en la parte superior del tema:

Y cuando me desplazo, veo esto:

Por lo tanto, elimina por completo el div con class=\"wrap custom-categories-navbar\". Parece que hay más involucrado aquí que necesita otro enfoque para evitar que el control deslizante de categorías desaparezca.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.