Want To Add Extra Images Per Product Variations? Download This Free Plugin

Product attribute button not working properly on phone

Hello,

On our website, we use long attribute names and on laptop view it looks all good, see below:

Screenshot 2022-01-12 115613.png

But if the screen size is getting smaller, or to mobile size, the text is too long and dropdown, but the button border-box size doesn’t increase, see below:

Screenshot 2022-01-12 115803.png 

I hope you understand what I mean, and I hope there is a solution to fix this.

Thanks in advance,

Jeffrey

 

Hakik Zaman

Hi Jeffrey,

Thanks for reaching out to us. Could you please give us an exact link to check?

I have tried this link. Unfortunately, it says 404 not found.

Hope to hear from you soon!

Thank You

Hakik Zaman

Hi Jeffrey,

Thanks for giving me the link to check.

Please place the below CSS at Appearance > Customize > Additional CSS

@media (max-width: 985px){
   .variable-item:not(.radio-variable-item) {
      height: auto;
   }
}

Then clear your cache (browser/caching plugin/server-side) and check. Please let me know if it resolves your issue.

Hope to hear from you soon!

Thank You

Hi Hakik,

Yes, this works great!

The issue is solved :).

Thank you for your help and quick response, really appreciate it!

Have a great day!

 

Regards,

Jeffrey