[sglass03Participant]

Hi —

How do I get rid of the sidebar in Woocommerce cart and checkout pages?

It looks like the Customizer only gets rid of it in the shop page.

For example, here is the site:
http://consultingconfidant.com/cart-2/

Thanks,
Shaun

[Prasant RaiModerator]

Hello Shaun,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.page-id-459 aside.x-sidebar.nano.has-scrollbar {
    display: none;
}

body {
    padding: 0 !important;
}

.page-id-452 aside.x-sidebar {
    display: none;
}

Thanks.

[sglass03Participant]

Awesome! Thank you.

[JadeModerator]

You’re most welcome.

[sglass03Participant]

Hey so I added the CSS and it still has the sidebar.

http://consultingconfidant.com/cart-2/

What’s going wrong?

[RadModerator]

Hi there,

There is no sidebar on my view, please clear your browser cache.

Thanks.

[sglass03Participant]

That’s very strange, I just checked it from a brand new computer and still have an empty sidebar.

Could the site be showing different layouts with there is something in the cart versus not?

[sglass03Participant]

Nope, that’s not the case, just added something to the cart and I still have the sidebar.

[RadModerator]

Hi there,

I checked it with both empty cart and with items in the cart, and there is no empty sidebar. It’s probably a cache.

This is really weird and I’m not sure how we should proceed since it works on all my tests. Could you try it on another machine that uses a different internet connection? I’m not sure if that can help.

Thanks!

[sglass03Participant]

Which browser are you using?

I cleared my cache (on Safari) and still had the same issue. However, when I used Firefox, I did not see the sidebar. Are you using Firefox?

Could this be a browser specific issue? If so, how do I get rid of the sidebar for chrome/safari?

Best,
Shaun

[RadModerator]

Hi Shaun,

I’m using three of them, it’s my job to test them on all major browsers 🙂

But I do see the nano content scroller from the source code, which I believe, it’s part of the sidebar. None of this are visible on my chrome and safari, but you may try adding this CSS just to be sure.

.woocommerce-cart .nano, .woocommerce-cart .nano .nano-content {
display: none !important;
}

Thanks.

[sglass03Participant]

Got it! That worked!

Thank you 🙂

[Prasant RaiModerator]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts