Shopify themes, liquid, logos, and UX
I have a short list of navigation titles yet they are constrained in width so each title wraps to a second lines, as shown. This occurs only in Safari.
Any idea how to fix this?
Here's a preview link. Just a reminder to open in Safari to view the issue.
Solved! Go to the solution
This is an accepted solution.
Thank you! I put the code in my custom css file and it works.
Hello
1. Go to Online Store / Themes / Edit Code
2. Find the file theme.liqid
3. Add the code to the end of the file
.site-nav--link-text {
white-space: nowrap;
}
This is an accepted solution.
Thank you! I put the code in my custom css file and it works.
You're welcome, please contact me if you need help
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