Dawn 2.0 - How to make social media icons open on a new tab

Store Design
, ,

Topic summary

A user seeks help making social media icons in the Dawn 2.0 theme open in new tabs instead of the same window.

Proposed Solutions:

  • Modify social-icons.liquid file by adding target="_blank" to each <a> tag for major social platforms
  • Alternative approach suggests editing footer.liquid file and adding custom code with social media links

Current Status:

  • One participant reports the suggested solutions didn’t work for Dawn theme specifically
  • Another user notes the original poster successfully implemented the fix for Instagram icons, confirming it opens in a new tab
  • The working solution appears to involve direct theme code modification rather than CSS
  • Discussion remains partially unresolved as the exact implementation method that worked isn’t clearly documented
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I tried a few solved questions but nothing worked. I need to make the social media icons in my footer to open on a new tab. Please help.

www.settolive.com

gaicai

thanks!

2

You would need to modify the dawn theme code in social-icons.liquid.

There is a section for each of the major social platforms.
Add target="_blank" to your a tag and you should be good to go.

3

Hello @settolive ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Sections → footer.liquid file
  • Scroll down until you find the section of the code that you want to add your social media icons to. This could be at the very bottom of the file or it could be in a specific section of the footer, depending on your theme.
  • Add the following code to create a link to your social media pages. Replace the “url” with the URL of your social media page, and “icon name” with the name of the social media icon you want to use (e.g. “facebook”, “twitter”, “instagram”).
  • Repeat the above step for each social media link you want to add, and adjust the icon name as needed.
  • Save and preview

Hope this can help.

Ali Reviews team.

1 Like
4

Hello, did someone solved the problem/question? How to open social media icons in nem tab. I tried as below, but that did not work for THEME DAWN.

Thanks.

5

I looked at your website and you did it for instagram icon. It went to a new tab!! Waht to do??

Thanks