Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Support request] Cart icon price overflow

Home Forums Support Cart icon price overflow

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #839638
    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?

    #839946
    Leo
    Staff
    Customer Support

    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 🙂

    #840395
    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..?

    :/

    #840536
    David
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.