Auto-adjust the width of “Sort by” field based on strings translation
-
Hello,
Please check the screenshot attached.
For the field “Sort by” in the shop page, the dropdown is wider than the field because it seems to be fixed (and is based on the English version, and in the English version this width seems fine), but in the French version, the with is not sufficient.
You should make sure that the width of the field auto-adjust based on the longest string of the dropdown.
Thanks
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I will give you the custom CSS code to fix the width issue. It is showing like this because in the French words, the words length is too long and not adjusted in the field.
Best Regards.
Attached screenshot.
Why do you apply a fixed width of 200px by default?
Why don’t you apply a fit-content or max-content (or any alternative) style by default ?
Kr
Attachments:
You must be
logged in to view attached files.
Hello,
Yes, please use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Global CSS section:
.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
max-width: fit-content;
}
Best Regards.
Will you fix that by default in the theme?
Hello,
I am forwarding this to our development department for considering to add it in the theme, but I am not giving you a guarantee for that because please note that a theme cannot satisfy all requirements. So if the development department finds it fit with the theme environment then surely they will look through it.
Thanks for your understanding.
.
