Corregir filtro desplegado en versión móvil

Hola.

En la versión móvil de esta página: https://tutiendadealfombras.com/alfombras-clasicas-55555/

¿Alguien sabría cómo hacer para que el bloque de filtro de la parte superior no saliera desplegado y, aparte, no saliera abajo del todo encima del footer? (si acaso que saliera justo por debajo de la cuadrícula de productos?

GRACIAS!

Baldomero Gar dijo:

Hola.

En la versión móvil de esta página: https://tutiendadealfombras.com/alfombras-clasicas-55555/

¿Alguien sabría cómo hacer para que el bloque de filtro de la parte superior no saliera desplegado y, aparte, no saliera abajo del todo encima del footer? (si acaso que saliera justo por debajo de la cuadrícula de productos?

GRACIAS!

Hacer clic para expandir...

¡Hola!

Para corregir el filtro desplegado en la versión móvil de tu página, puedes probar con los siguientes pasos:

1. En primer lugar, necesitarás revisar el código CSS de tu tema para identificar las clases o IDs responsables del estilo del filtro desplegado. Puedes utilizar herramientas como el "Inspector de Elementos" de tu navegador para inspeccionar el código y encontrar las reglas CSS relevantes.

2. Una vez que hayas identificado las clases o IDs correctas, puedes añadir reglas CSS personalizadas para modificar el comportamiento del filtro en dispositivos móviles. Por ejemplo, podrías utilizar media queries para establecer estilos específicos para pantallas de menor tamaño.

3. Para posicionar el filtro justo debajo de la cuadrícula de productos en lugar de en la parte inferior de la página, tendrás que ajustar la estructura HTML y las reglas de posicionamiento CSS. Puedes considerar modificar la jerarquía de elementos o utilizar propiedades como "position: absolute" o "position: relative" para controlar la ubicación del filtro.

Si necesitas más ayuda con el código específico o tienes alguna otra pregunta, no dudes en compartir más información. ¡Espero que estos pasos te ayuden a solucionar el problema!

Saludos.