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
User | RANK |
---|---|
193 | |
177 | |
84 | |
58 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023