Shopify themes, liquid, logos, and UX
This mobile view display icon of the left arrow is incorrect, should look like right arrow. It may be that the d:"path" is incorrect. I am not sure how to fix this, any ideas? in the theme.scss.liquid the icon is defined as $slick-prev-character: '\2190'; I have attached 2 images below. The left icon is the issue.
Thank you in advance for your help on this issue.
I have
Hey @JMack
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
It looks like you’ve got your arrows swapped,no worries, it’s an easy fix.
Open **Online Store > Themes > Edit code** and find your `theme.scss.liquid` file. Look for the variable `$slick-prev-character: '\2190';` and change that `'\2190'` (left arrow) to `'\2192'` (right arrow).
Save, refresh your mobile view, and your “previous” arrow will now actually point right.
Looks like the theme was modified -- originally it uses SVG icons rather than HTML symbols.
Since we can't see your page find a matching one yourself at https://en.web-tool.org/html-symbols/
Note that not all fonts contain all these symbols...
Hi Everyone,
I solved the issue. I ended up having someone directing me to change the d:/ path for the icon to a different numerical string for the proper arrow (as pictured on the right) and it worked.
Thank you for all your help on this issue, greatly appreciated.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025