A user encountered an issue with the Venture theme where the mobile navigation’s left arrow icon displayed incorrectly and needed to point right instead.
Problem Details:
theme.scss.liquid as $slick-prev-character: '\2190'Suggested Solutions:
'\2190' (left arrow) to '\2192' (right arrow) in the SCSS fileResolution:
The issue was resolved by modifying the d:/path numerical string for the icon to display the proper arrow direction. The user confirmed the fix worked successfully.
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.
