How to add a language symbol next to the login in the header?

Hello there, I am really struggling with adding a language symbol next to the login symbol in my header section.

I want my website to be like on the right and I also want to link my international website to this symbol+EU. Can anyone help me with this?

Thank you so so muchh.

@KetanKumar

HERE IS THE CODE FOR THE SYMBOL:

language icon - Licensed under Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - Created with Iconfu.com - Derivative work of Material icons (Copyright Google Inc.)

Hi @Tenera123 ,

Please follow the instructions below.

  1. In your Admin page, go to Online store > Themes

  2. Choose the theme you want to edit then click Actions > Edit code.

  3. Open the Snippet folder, click add a new snippet, name this eu-logo.

  4. Open the eu-logo.liquid (newly created snippet) under the Snippet folder. Paste the code you have for your logo. Then click SAVE.


  1. Next, we need to add this logo to the header. Open the header.liquid under the Section folder.

  2. Find the word header__icons. Ctrl + f to find.

  3. Below the header_icons, add the code below. Change the your_link_here to the link you want it to route. Then click SAVE


        {% render 'eu-logo' %} EU
      

See image below for code placement reference

Hello there, so the only thing I did not understand is where should the long code above section 5. go to exactely. Thank you so much I am doing it now.

HI @Tenera123 ,

The steps below will direct you to create the snippet. We need to save the SVG file as a snippet file and call it later. The long code provided is your logo code that you provide.

  1. Open the Snippet folder, click add a new snippet, name this eu-logo.

  2. Open the eu-logo.liquid (newly created snippet) under the Snippet folder. Paste the code you have for your logo. Then click SAVE.

It worked perfectly! Thank you so muchh :slightly_smiling_face: