Change Link on Login Icon on Header

Store Design

Topic summary

  • Goal: Change the destination URL of the header “login” icon on a Shopify store using the Studio theme (fforestfields.co.uk).

  • Desktop fix: In Online Store > Edit code > Sections > header.liquid, locate the code referencing ‘routes.account_login_url’ and update it to the desired link. Screenshots were provided to indicate the exact location/line.

  • Status after first change: Desktop header link updated successfully, but the mobile menu still pointed to the original login URL.

  • Mobile fix: In Sections > header-drawer.liquid, find ‘routes.account_login_url’ and update it similarly. A screenshot showed the specific spot to edit.

  • Outcome: Both desktop and mobile login icons now link correctly. Issue resolved; no further questions pending.

Summarized with AI on December 13. AI used: gpt-5.
1

I need to change the link on the ‘login’ icon on the header of my site fforestfields.co.uk.

How would I do that? I’d still consider myself a beginner so a walkthrough would be extra helpful.

Using Studio theme

2

Hi @Jessieb2

please refer to the screenshot for updating login URL

Online Store > Edit Code > Theme Files > Sections > header.liquid

2024-12-03 15_50_37-Window.png
2024-12-03 15_50_37-Window.png1350×609 41.2 KB

only update the indicated code.

Thanks

3

Hi @Jessieb2 ,

Please go to Actions > Edit code > sections > header.liquid file. Find ‘routes.account_login_url’ and change code here:

Screenshot.png
Screenshot.png1470×872 130 KB

I hope it helps!

4

That’s great, thank you. I’ve got it to work on desktop but now I see it’s still linked to the original link on the mobile menu. I’ve looked to see if can work it out :slightly_smiling_face:

5

Hi @Jessieb2 ,

Please go to header-drawer.liquid file, find ‘routes.account_login_url’ and change code here:

Screenshot.png
Screenshot.png1189×596 71.7 KB

1 Like
6

Brilliant, worked a treat. Thank you

7

Hi @Jessieb2 ,

You’re welcome and happy to help you