Quantity Field siting ontop of cart button, why??

  • Resolved avlmatt

    (@avlmatt)


    4 years, 9 months ago

    Hello, I am using the add quantity snippet and the quantity field keeps appearing above the cart button rather than next to it. Why is this happening and how can I get them to site inline next to each other?

    Also is there a way to keep the spacing even inside the product boxes when the product title becomes longer? Right now the longer titles get some more space added and I’d like them to all be uniform. Any thoughts? Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Issue 1:
    Try this custom css:

    li.product .quantity {
  display: inline-block;
}

    Issue 2:
    This will make all your product titles 3 lines high, with extra space under 1 and 2 line titles. Have to say I don’t like it.

    li.product h2 {
  min-height: 115px;
}

    You’ll need to check other pages and mobiles for adverse side effects.

    Thread Starter avlmatt

    (@avlmatt)

    OMG THANK YOU!!!!! that totally worked, you are awesome!

    Thread Starter avlmatt

    (@avlmatt)

    Hey @lorro now I am having this same problem on my product page. Why does this happen? Any ideas? I added the code to my CSS and everything looks good but the single product…. ??

    .cart .quantity {
  display: inline-block;
}

    It happens because you have a theme, an add-quantity snippet and Elementor that were not tested to all work togther, so some tweaking at the edges is needed.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Quantity Field siting ontop of cart button, why??’ is closed to new replies.