[Support request] Cart icon price overflow

[keiron]

if you add the product in my shop to your cart, the menu icon will overflow increasing the size of the mobile navigation.

What would be the best method to stop this happening?

[Leo]

Hi there,

Can you give this CSS a shot?

@media (max-width: 768px) {
    .menu-toggle {
        padding-left: 20px;
        padding-right: 20px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

The px number might need to be fine tuned.

Let me know 🙂

[keiron]

The issue is keeping the logo central as well, and if the cart incrases to say £100, then £1000 every extra number pushes it off, its too finely balanced..?

:/

[David]

Hi there,

the problem is, there isn’t enough space to accomodate the larger cart values on those very small mobile devices. The best option would be to reduce the width of the logo from 360px wide devices.

[Author]

Posts