How to fix a mobile icon on the Venture theme?

How to fix a mobile icon on the Venture theme?

JMack
Visitor
2 0 2

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 Nav1-bad.pngNav1-good.png

Replies 4 (4)

Moeed
Shopify Partner
7699 2069 2550

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Beast_Boy
Shopify Partner
41 0 0

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.

 

If this fixed your issue, a like and marking it solved will mean a lot to me.
I am a Shopify Specialist | Focused on helping eCommerce stores Grow - Maven
Need help with your store design or optimization, need to increase sales, support in marketing ? Let me assist..
Contact : uxmavenonline@gmail.com

tim
Shopify Partner
4702 574 1701

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...

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

JMack
Visitor
2 0 2

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.