[Resolved] Mini cart does not scroll when part of sticky navigation

[Eric]

I just rebuilt my site with GeneratePress and I’m loving it. One minor problem I’ve discovered is that the mini cart, which is attached to my primary menu and sticky navigation, does not scroll vertically when the sticky navigation is activated. It is not a huge issue, as it is typically only noticeable when a user has a lot of products in the cart and would need to vertically scroll to see them all or get to the buttons at the bottom. I suppose it could also be an issue on smaller screens or windows.

Anyway, thanks for any help or guidance you can provide!

[David]

Hi there,

you could limit the height of the Item list and make is scrollable.
Try this CSS:

#wc-mini-cart ul.woocommerce-mini-cart {
    max-height: 450px;
    overflow-y: scroll;
}

[Eric]

That did the trick! Thanks so much, David.

[David]

Glad to be of help

[Author]

Posts