• Resolved sophiekroezen

    (@sophiekroezen)


    Dear reader,

    I have a problem with my cart text. When the quantity of products in the cart is 1 digit (1 – 9), the text is fine. When the quantity of products in the cart is 2 digits (10 – X), the two numbers are placed above each other instead of next to each other.

    I encountered this issue on an iPhone 12 Pro running iOS 15.5, Safari. The issue was not visible on an iPhone 11 Pro running iOS 15.5, Safari. I use the new Astra Header Builder to create the header including the cart icon. Any recommendations?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter sophiekroezen

    (@sophiekroezen)

    I solved the problem by adding the following CSS:

    div.ast-header-woo-cart:nth-child(2) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > div:nth-child(1) > span:nth-child(1) {
     word-wrap: normal;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Cart Text with Two Digits: problem’ is closed to new replies.