Missing responsivity for select options

Hello.

Photo attached about the problem. The “Válassz egy lehetőséget” missing half part.
I’ve used shopkeeper before and there were no problem like this.
How can I solve this issue to make it responsive?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-product .variations_form .variations .value select {
	width: 220px;
}

Best Regards.

It not solved the issue, because in iPad I totally cannot see the select options

It not solved the issue, because in iPad I totally cannot see the select options

photo attached

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. It is due to the width that we are trying to assign to the variations dropdowns as per your requirement to display the complete text.

Please try moving the Custom CSS from the Global Custom CSS area to the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

Then clear the cache and check back.

Best Regards.

I removed all the custom CSS code from the site, but still cannot select options from ipad.. what should I do next?
Also I moved your code to Dekstop CSS

Also I checked it from my iPhone X, and the title should be in 2 lines..

photo attachede

Attachments:

You must be logged in to view attached files.

Hello,

Please, replace the previously added code and with the following one

.variations_form .variations tr {
  display: flex;
  flex-direction: column
}
.variations_form .variations label {
  white-space: normal;
  line-height: 1.4;
}
.variations_form .variations tbody tr .label {
  padding-bottom: 10px;
}
.variations_form .variations .wd-attr-selected {
  display: none;
}

Kind Regards

worked, thank you

You are welcome!

[Author]

Posts