Product Variant options not working properly on mobile

This topic has 7 replies, 2 voices, and was last updated 4 years, 5 months ago by Elise Noromit.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
June 4, 2020 at 7:43 pm #200796

Aisaac92
Participant

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.

June 4, 2020 at 10:44 pm #200837

Elise Noromit
Member

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

June 4, 2020 at 11:03 pm #200846

Aisaac92
Participant

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?

June 5, 2020 at 7:52 am #200920
Elise Noromit
Member
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
June 5, 2020 at 9:00 am #200949

Aisaac92
Participant

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

June 5, 2020 at 12:25 pm #201007

Elise Noromit
Member

Hello,

Please provide the site admin access to the private area.

Best Regards

June 5, 2020 at 12:31 pm #201017

Aisaac92
Participant

Access granted in private notes, thanks.

June 5, 2020 at 10:54 pm #201184

Elise Noromit
Member

Hello,

Please change your browser cache.

Best Regards
Author

Posts