Cart width

Hi,

When the cart is empty the alignment of the text is very strange, it is cramped to the bottom left.
When a product is added to the cart it is looking better, but still not full width.
It is only showing full width when shipping costs are updated.

How is this constantly changing? I want it full width all the time. The template settings of this page are already set to ‘Elementor full width’.

Hi,

Your cart is full width: https://ibb.co/dMrjv9X. Please check our test site cart layout: https://ibb.co/8jVwnMS/.
If you have any Questions please feel free to contact us.

Best Regards.

Hi,
Did you see the screenshots I provided? (visible for moderators only).
If the cart is empty the text is cramped to the bottom left, not full width and centered.

Hi,

Please share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

Thanks.

Hello,

Your issue has been resolved. I have updated the new version of theme and add some custom css code in the theme setting> Custom Css:
Screenshot for clarification: https://ibb.co/w4s4z0s

body.woocommerce-cart .container {
    max-width: 800px !important;
}

Best Regards.

Hi,

Unfortunately it has not been resolved. All my pages are full width. Because of your custom CSS the cart page is suddenly max 800px, which makes it look really strange. The cart page needs to be full width too. Now the menu items don’t fit and the page looks way too narrow.
I’ve attached a screenshot in the private content so show you the difference.

Please let me know how to solve the issue (and keeping the page full width).

Hi,

Your cart page was not full width in Elementor I have made it full width:
https://ibb.co/JF3XTyb: https://ibb.co/Ct6VC9c

Best Regards.

Hi,

Thanks. The Dutch cart looks perfect now. But I don’t see it on the English cart..? Could you please let me know how to make the English cart full width too?

Attachments:

You must be logged in to view attached files.

I already found the solution. I had to go to the page settings of the English page, go to Sidebar and set “without” instead of “inherit”.

Hello,

You are Most Welcome.

We are glad that you managed to solve the problem yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts