New Shopify Certification now available: Liquid Storefronts for Theme Developers

Letter spacing in 'Sort By' using Berlin theme

Solved
RobCupper
Tourist
10 1 3

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 

Accepted Solution (1)
RobCupper
Tourist
10 1 3

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

View solution in original post

Replies 6 (6)
websensepro
Shopify Partner
784 105 105

Please Share Website Url

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
RobCupper
Tourist
10 1 3

Here is the preview URL: https://7ogt05bkl5agnj1u-8636456.shopifypreview.com

 

Thanks!

 

Small_Task_Help
Shopify Partner
314 9 22

Hi,

 

Add Custom CSS at style css file

.sort-by-dropdown {
    letter-spacing: 2px; /* Adjust the letter spacing as needed */
}
Click here to Contact and Get Shopify Store Help
E-mail - hi@shopifysmalltask.com
We are Shopify Store Small Tasks and Customization Experts
Made4uo-Ribe
Shopify Partner
4229 978 1190

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!

Made4uoRibe_0-1697721526506.png

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


RobCupper
Tourist
10 1 3
RobCupper
Tourist
10 1 3

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