pbueno24 Posted October 26, 2021 Share Posted October 26, 2021 Site URL: https://pte.squarespace.com/about Throughout our webpage, we are using these arrows (🡥) as links to new content. They seem to work fine on all the desktop browsers, but we are having issues with them on mobile devices. I did my best to research a solution, but I am a bit stuck. I would greatly appreciate your help. Thanks Unicode Arrow URL: https://unicode-table.com/en/sets/arrow-symbols/#diagonal-arrows (you can find the arrow we are trying to use under the Navigation Arrows section U+1F865) 🡥 Link to comment
tuanphan Posted October 29, 2021 Share Posted October 29, 2021 Hi, You can try FontAwesome icons You can choose correct arrow, then we will give the code to add FA icons: https://fontawesome.com/icons Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
pbueno24 Posted October 29, 2021 Author Share Posted October 29, 2021 https://fontawesome.com/v5.15/icons/arrow-right?style=regular ^ this is the winner. It would be great to have it rotate 45 degrees north. I couldn't find the right diagonal arrow. But if not, as long as it works on mobile, I'll be happy! Thanks. Link to comment
tuanphan Posted October 31, 2021 Share Posted October 31, 2021 On 10/29/2021 at 11:25 PM, pbueno24 said: https://fontawesome.com/v5.15/icons/arrow-right?style=regular ^ this is the winner. It would be great to have it rotate 45 degrees north. I couldn't find the right diagonal arrow. But if not, as long as it works on mobile, I'll be happy! Thanks. Hi. It is pro version, try another one. https://fontawesome.com/v5.15/icons?d=gallery&p=1&q=arrows Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
pbueno24 Posted November 1, 2021 Author Share Posted November 1, 2021 https://fontawesome.com/v5.15/icons/arrow-right?style=solid This one then ^ Link to comment
tuanphan Posted November 6, 2021 Share Posted November 6, 2021 On 11/3/2021 at 10:26 PM, pbueno24 said: bump First, add this to Settings > Advanced > Code Injection > Header (If you use Personal Plan >> Edit Site Footer >> Add a Code Block) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> Next, edit Your Text Block to Code Block with this syntax <h4> <span><i class="fas fa-arrow-right"></i> TEAM</span> <span><i class="fas fa-arrow-right"></i> PROCESS</span> <span><i class="fas fa-arrow-right"></i> PRICING</span> </h4> <style> h4 span { padding-right: 15px; } </style>  Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment