jkivey

I discovered that if I disable the “Magic Liquidizer Responsive Table” plugin it fixes the problem. However, I have a LOT of tables throughout the website and disabling that plugin makes everything look awful on mobile devices! The plugin is great for making all tables responsive. If I could figure out a way to make the plugin not affect certain pages only (the shop/cart pages) I’d be good to go.

I am having the same problem. I loved the Magic Liquidizer Responsive Table plug-in until I discovered that customers on a mobile device can not make a WooCommerce variable product option selection so the item can be added to their cart. Is there a workaround?

Ok, thanks. I am thinking it has to do with the theme’s responsiveness since it works on a laptop and on my Ipad if turned horizontally. It does not work on the Ipad when turned vertically and does not work on my phone.

Ok, I was thinking it had something to do with a theme conflict but I’ll try reaching out to them also. Thanks.

I found the answer! Add an !important after the width also.

@media screen and (max-width: 680px) {
#sidebar {
display: block !important;
width: 100% !important;
}
}