Cart notification pop up too long to see checkout button?

Store Design
,

Topic summary

A store owner encountered an issue where their cart notification popup displayed product options in such detail that users couldn’t scroll down to see the “Checkout Now” or “Buy with Shop” buttons. This problem stemmed from products having numerous required options, making line items extremely long.

Proposed solutions included:

  • Reducing font size for product options
  • Hiding product options entirely (showing only product titles)
  • Relocating checkout buttons to the top of the popup

Resolution:
A community member provided a CSS code snippet to be added to the theme.liquid file before the closing </body> tag. The solution was implemented successfully, with a screenshot demonstrating the corrected popup layout where checkout buttons are now accessible. The issue appears resolved.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Our products have a lot of options required, and when someone selects “Add to Cart” on the product page, I want them to be able to checkout immediately from the cart notification pop up. The line items are extremely long and the user is NOT able to scroll down to see the “Checkout Now” or “Buy with Shop” buttons. When trying to scroll it doesn’t allow the user to scroll to the bottom.

I need the font to be smaller for the product options, OR have them not appear at all, and only have the product title appear, OR move the Checkout and Buy buttons to the top of the cart pop up.

Please help!

2

Hi @lonecrow1 , can you share your store url?

3

https://lonecrowranch.com/

Thank you!

1 Like
4

@lonecrow1 ,

Go to theme.liquid file and add the following code at the end before the tag :

Result :

Abdosamer_0-1740007970825.png
Abdosamer_0-1740007970825.png546×665 41.4 KB

1 Like
5

Thank you very much!

1 Like