Price Overlapping on View Cart Desktop ella by Helothemes

Shopify Discussion

Topic summary

Issue: On the Ella (Halothemes) theme, the price overlapped the quantity field in the desktop cart view. A screenshot was shared to illustrate the layout problem.

Access details: Multiple members requested the store URL and password (if any). The store URL was provided and confirmed to be publicly accessible without a password.

Fix provided: Edit Online Store > Edit Code > component-cart.css. Update the width for the following selectors from 144px to 155px: .cart-item-block, .cart-item-block.cart-item-price, and .cart-item-block.cart-item-quantity. This increases column width to prevent overlap.

Outcome: The store owner confirmed the change resolved the overlapping issue.

Status: Resolved. No further actions or open questions noted.

Summarized with AI on December 24. AI used: gpt-5.
1

How to fix prices that overlap with the qty tabulation in the cart view menu, like this picture?

Screenshot 2024-07-13 121307.jpg
Screenshot 2024-07-13 121307.jpg1850×607 56.4 KB

I used the theme from Ella by Halothemes.
give me a solution about my problem you can tell me how to fix that problem. thanks

2

Hi @Henry5566

Welcome to Shopify Community.

Please share your store URL, page URL and also password (if your store has one) so we can help you.

Thank you,

Sajat Shrestha

  • Was my reply helpful? If yes, Mark this reply as Solution so that others can find the solution easily.
3

Hey @Henry5566

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

4

Hi @Henry5566

Could you share your store URL to check?

5

Hello @Henry5566 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

6

this is my url, https://5058d4-eb.myshopify.com/cart thanks, we dont have password to access the url.

7

this is my url, https://5058d4-eb.myshopify.com/cart thanks

8

this is my url, https://5058d4-eb.myshopify.com/cart thanks, we dont have password to access the url.

9

Hi @Henry5566 .

Please go to Online Store → Edit Code and search for the file component-cart.css.

Then search for

.cart-item-block,
.cart-item-block.cart-item-price,
.cart-item-block.cart-item-quantity {
  width: 144px;
}

and replace it with

.cart-item-block,
.cart-item-block.cart-item-price,
.cart-item-block.cart-item-quantity {
  width: 155px;
}

This should do the trick.

Thank you,

Sajat

If this is helpful, please Like and Accept the solution.

10

Hi Sajat

Thanks to you, it works!