Twitter icon in mobile navigation

[SaraMezher]

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!

[webwondersco]

@SaraMezher Hope you are doing well.

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

[SaraMezher]

Hi 🙂

kayotekstyles.com

pw protected: meepho

[webwondersco]

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

[SaraMezher]

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]

@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

[websensepro · Accepted solution]

Hello @SaraMezher,

Change the twitter logo.

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

Thanks!

[SaraMezher]

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

[websensepro]

Your Welcome @SaraMezher.