Product Variant options not working properly on mobile

Product variants work fine on desktop.

However, on mobile, the variant options cannot be selected. The only way the variant options show is if you set the screen to rotate.

Attachments:

You must be logged in to view attached files.

Hello,

Please make the full backup of your site and check how it works on the Storefront theme. Please consider and try to use swatches: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

Unfortunately, my website would need the dropdown option rather than the swatches.

Is there a line of code I can add to make it fit the screen?

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile/Table and where you see the problem:

body.single .variations_form .variations td {
    display: block;
    margin-bottom:20px;
}

Best Regards

I’ve added the code and it’s still not displaying properly.

Hello,

Please provide the site admin access to the private area.

Best Regards

Access granted in private notes, thanks.

Hello,

Please change your browser cache.

Best Regards

[Author]

Posts