Woocommerce Cart Table Not Showing on Mobile

[arrowmultimedia]

http://davisportal.ca/gameon/store/cart/

Here’s the page that I’m struggling with right now. Cart displays fine and then at 768px everything disappears except for the quantity.

I’ve gone through all of the media queries in dev tools and it looks like a display:none; property is being applied to everything but I’m unable to override it with additional css in theme options. Even if I use !important tags, they still get overridden by the display:none; property. I’m at a loss for what’s happening here or how to fix this.

It looks like the override is coming from integrity-light.css?ver=7.0.4 and overridding the Woocommerce CSS as well as the custom CSS I wrote in the theme options.

Thanks in advance for the help.

[ruenel]

Hello @arrowmultimedia,

Thanks for writing in!

I can confirm the issue. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 767px){
	.woocommerce .cart.shop_table .product-name {
    	display: block;
	}
}

We would love to know if this has worked for you. Thank you.

[arrowmultimedia]

@RueNel

@media (max-width: 767px){
.woocommerce .cart.shop_table .product-name {
display: block;
}
}

This did it. Was able to get a handle on the rest of the styling and build the template.

Thank you!

[friech]

You’re must welcome,

Cheers!