Shopify themes, liquid, logos, and UX
The letter spacing in the Sort By functionality of my Berlin theme is too close together causing them to overlap. I can't see an option to increase letter spacing, or decrease font size so it fits neatly on all devices. Is anyone able to suggest a fix? Thanks
Solved! Go to the solution
This is an accepted solution.
I ended up fixing it myself with the following code:
.select__sort_by {
padding-left: 8rem;
}
you can amend '8rem' number as needed for more or less spacing
Please Share Website Url
Hi,
Add Custom CSS at style css file
.sort-by-dropdown {
letter-spacing: 2px; /* Adjust the letter spacing as needed */
}
Hi @RobCupper
We would like to conduct a visual inspection of your store to understand what has happened. To your sort, you can also share the Preview. Just click this button below then copy and paste. Thanks!
This is an accepted solution.
I ended up fixing it myself with the following code:
.select__sort_by {
padding-left: 8rem;
}
you can amend '8rem' number as needed for more or less spacing
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025