Misaligned Items on Cart Pages

Store Design
1

Hi, this relates to mobile only. I have to carts on my store. The first is just the standard dropdown as per below:

1.jpg
1.jpg1170×2532 151 KB

The second is the full cart page as per below:

2.jpg
2.jpg1170×2532 157 KB

On the second image, the estimated total and the figure don’t lign up but they use the same IDs as the one for the elements for the dropdown cart. So if I fix the position on the main page, it makes the elements on the dropdown menu not aligned anymore. I can’t figure it out for the life of me. Please help!!!

2

@TamsinNewbie ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729423899493.png
BSSCommerceB2B_0-1729423899493.png461×907 45.9 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

3

Hi,

Sorry for the late response and thanks for having a look at this.

The code isn’t working. It made the dropdown cart elements misaglined but aligned it for the main cart, which is the issue i’ve been having. Do you have any other ideas?

Thanks