woocommerce cart page showing mobile version on desktop

Hello @moneymakewise!

Thanks for reaching out!

when i am on Desktop and i add the above product to CART, the cart page is shown as if its viewed from the mobile and not the desktop. The page is compacted on vertical mode.

Yes, I was able to replicate the issue on my side as well.

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* overriding cart page maximum width limit */
?
body.page-id-6 {
    max-width: none;
}

/* adjusting buttons padding */

button[name="apply_coupon"], button[name="update_cart"] {
    padding: 0px 10px 0px 10px;
}

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hello Joseph

Many thanks for your quick reply.
I have tried the code and it somehow worked …. but thats not a permanent solution.
I mean, the quote you gave me just enlarges the CART page a little bit BUT still the page is not a normal full page as its suppose to be.

Something prevents that page from being displayed at full width when certain items like the one i gave the link before, are added to the cart….

Will appreciate any further help you can provide.

Regards,
Yiannos

This is really weird for me.

I tried to disable also the CART page minifications, reduce JS etc, and still when the above link product is added to cart the page behaves weird by being displayed in narrow window with NO choice of proceeding to checkout!!
For other products, the CART page behaves just fine! Its just this product and some other random products that make the CART page to be displayed wronghly….

Hello @moneymakewise!

The appearance of your site’s cart page is controlled by the theme that you use(Rigid Child Theme v.6.0).

So to fix the issue please reach the theme developer as they will be able to help better with this. Alternatively, you can use a different theme that doesn’t cause the issue.

** This particular forum is for questions that are directly related to the features and functionality of the free WooCommerce core plugin. While we’re experts on our own products, third-party plugins and themes are best supported by their developers.

Hope it helps.

We haven’t heard back from you in a while, so I’ll go ahead and mark this as resolved – we’ll be here if and/or when you are ready to continue.

Best.