Cart Subtotal and Dropdown menu alignment Issue

Store Design
, , ,

Topic summary

Alignment problem on Shopify Dawn 2.0 cart: a custom “Selectable Options” section (for school orders) won’t sit alongside the cart subtotal and checkout buttons. There’s an empty gap in the cart layout causing the options block to appear lower/misaligned, raising concern customers may miss it.

  • Context: New store migrated from Weebly/Square; theme Dawn 2.0; custom options added within the cart.
  • Evidence: Two screenshots provided (one with the gap circled). Images are central to understanding the layout issue.
  • Attempts: Looked for where to adjust the cart file/CSS but couldn’t locate the correct area; no fix found yet.
  • Outcome/next steps: No solution or code shared by others so far. Requesting guidance on CSS/layout changes to align the options block with the subtotal/checkout area. Discussion remains open.
Summarized with AI on January 10. AI used: gpt-5.
1

Hello!

I’m totally new to this, having come across from Weebly/Square. So far everything is great (Dawn 2.0)

Screenshot 2023-12-19 at 12.21.59 pm.png
Screenshot 2023-12-19 at 12.21.59 pm.png2494×1120 124 KB

except for this one issue - I have created a Selectable Options section within the cart (this is for people who need to place items on school orders etc) and while I have it working well, I cannot get the Options to be aligned alongside the Subtotals.

I’m sure it’s likely an ease fix, I just haven’t been able to get it to sit where it should and concerned it may be missed by customers.

Thanks in advance!

Ewan

2

Thanks - I tried to find it but no luck :disappointed_face:

Just realised my previous screenshot ended up in the text, sorry!

Attached image with the gap circled - this is just an empty area within the cart file, but my lack of knowledge means I cant get it to align with the checkout buttons

Screenshot 2023-12-20 at 9.02.50 am.png
Screenshot 2023-12-20 at 9.02.50 am.png1750×1238 136 KB