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.
