How to open a social media icon in a new tab using the Dawn theme?

Topic summary

A user seeks help making social media icons in the Dawn theme’s footer open in new tabs instead of redirecting away from their site.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open the theme.liquid file
  • Locate the closing </body> tag (use Ctrl+F or Command+F)
  • Insert specific CSS code directly above the </body> tag

The solution involves adding custom CSS to modify link behavior for social media icons.

Community Feedback:
Multiple users confirmed the solution works successfully across different themes (Dawn, Ride). Some users reported it didn’t work for other themes like Debut, or encountered issues locating the </body> tag in their theme files. One user modernized the code by updating JavaScript ‘var’ statements to ‘let’ for better code quality.

Status: Resolved for Dawn theme users, with mixed results for other themes.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

Thank you!