[Resolved] No scroll en Mini Carrito

[Francisco]

Hola a todos, presento el siguiente inconveniente y no logro resolverlo de una forma correcta y estética, alguien podría por favor apoyarme a encontrar la solución al siguiente inconveniente:

Dentro del minicarrito de GeneratePress si alguien va a comprar muchos artículos de diferentes productos el minicarrito se sale de pantalla y no se puede deslizar para ver los demás productos y llegar a los botones de ver carrito o finalizar compra.

Alguien podría orientarme respecto a como resolverlo por favor?

[Fernando]

Hi Francisco,

Yes, we can help you with the issue.

For reference, can you share the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Francisco]

Una disculpa el sitio esta bajo construcción en local y aun no se sube, pero en cualquier sitio que cuente con el minicarrito se puede observar el inconveniente, de igual forma pasa cuando se tienen muchas paginas colgadas en el sub-menú.

[Fernando]

I see. Is it going off-screen bottom-wise? If so, can you try adding this in Appearance > Customize > Additional CSS:

.inside-wc-mini-cart .widget.woocommerce.widget_shopping_cart {
    overflow-y: auto;
    height: 300px;
}

You can alter 300px to your preferred value. This limits the height of the mini cart, and adds a scroll to it.

[Francisco]

Si, funciona, aunque me gustaría algo mas estético, es decir que el height se adaptara a la pantalla y la barra de scroll no se viera, que solo realizara la función, pero quizás eso seria mas complicado, así que muchas gracias por el apoyo.

[Fernando]

Yes, that’s a little bit more complicated. It would include Javascript which would be out of our scope of support.

We can do something about the Scrollbar though. Try replacing the CSS above with this:

.inside-wc-mini-cart .widget.woocommerce.widget_shopping_cart {
    overflow-y: auto;
    height: 300px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.inside-wc-mini-cart .widget.woocommerce.widget_shopping_cart::-webkit-scrollbar {
    width: 0 !important
}

This CSS adds Scroll without the scrollbar shown to the mini cart.

[Francisco]

Excelente, muchas gracias por el apoyo, con esto bastaría para resolver el inconveniente y para tratar de ajustar el contenido del height al contenido de la panta utilice medidas VH con height: 90vh; para tratar de ajustar al tamaño de pantalla.!

Muchas gracia por el apoyo nuevamente.

[Fernando]

You’re welcome Francisco!

[Author]

Posts