Solved

Twitter icon in mobile navigation

SaraMezher
New Member
4 0 0

Hi,

I managed to change the twitter icon from the bird to “X” using an older answer from one of the forums. It changed on my desktop website header, footer for both mobile and desktop, social media sharing icons also changed.

However, the mobile navigation icon is still showing the bird icon. How can I change it so it is consistent with the rest of my website?

I am using the Impulse theme.

 

Many thanks!

 

 

Accepted Solution (1)

websensepro
Shopify Partner
1047 146 153

This is an accepted solution.

Hello @SaraMezher,

Change the twitter logo.

websensepro_0-1715159111404.png

 

 

<svg xmlns="http://www.w3.org/2000/svg" height="1em" aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
  <style>svg{fill:#ffffff}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>

 

 

websensepro_1-1715159214709.png

 


Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 8 (8)

webwondersco
Shopify Partner
1104 164 161

@SaraMezher Hope you are doing well.

 

Could you please share your store URL? so can check and guide you accordingly. 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SaraMezher
New Member
4 0 0

Hi 🙂

kayotekstyles.com

pw protected: meepho

webwondersco
Shopify Partner
1104 164 161

@SaraMezher Please look for the icon or icon-twitter file in your theme. you mostly find the scg icons file under snippet folder. and replace the SVG code of twitter icon with latest svg icon code.

 

I hope you have an idea on theme file and it's structure.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SaraMezher
New Member
4 0 0

I have already changed the svg code for both “social-icons” and “social-sharing” files under snippet, which changed the twitter icon everywhere on my website except for the mobile navigation menu. I cannot locate the file for mobile navigation icons and need help with that sadly 😞 

webwondersco
Shopify Partner
1104 164 161

@SaraMezher Okay, if you don't mind can take a look at your theme code?

 

For that require collaborate access to your store. so can take a look and update the code for you

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

websensepro
Shopify Partner
1047 146 153

This is an accepted solution.

Hello @SaraMezher,

Change the twitter logo.

websensepro_0-1715159111404.png

 

 

<svg xmlns="http://www.w3.org/2000/svg" height="1em" aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
  <style>svg{fill:#ffffff}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>

 

 

websensepro_1-1715159214709.png

 


Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
SaraMezher
New Member
4 0 0

You are amazing thank you very much! It is fixed now! Appreciate you.

websensepro
Shopify Partner
1047 146 153

Your Welcome @SaraMezher.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here