Solved

How To Open The Social Media Links In New Tab - On Mobile

mountainsap
Excursionist
17 0 1

I'd like to open social media links in a new tab ON MOBILE which uses the Dawn 13.0 theme.It on desktop but it doesn't work on mobile. Is that how it is?

Can anybody help me please?

Accepted Solutions (2)

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @mountainsap 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file social-icons.liquid

Step 3: Add this code below right after all <a part, save it and check again target="_blank"

 

PageFlyAmelia_0-1712473646989.png

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @mountainsap 

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Open header-drawer.liquid file

Step 2: Add target="_blank" after all  <a  tags below this line of code, you can find them at very bottom of the file

PageFlyAmelia_0-1712479915673.png

Step 3: Open header-drawer.liquid file, and do the same with <a  tags below this line of code 

<ul class="list list-social list-unstyled" role="list">

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 8 (8)
mountainsap
Excursionist
17 0 1

I don't really understand your way of doing things. Can you say it more clearly?

theycallmemakka
Shopify Partner
1477 336 360

Hi @mountainsap ,

 

Can you provide link to your store?

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @mountainsap 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file social-icons.liquid

Step 3: Add this code below right after all <a part, save it and check again target="_blank"

 

PageFlyAmelia_0-1712473646989.png

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

mountainsap
Excursionist
17 0 1

Hi

Thank you but this has only worked for the social icons in my footer. The social icons in my header, navigation menu still open in the same page. 

PageFly-Amelia
Navigator
316 96 138

Hello @mountainsap 

 

Could you share your store URL so I can check for you?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

mountainsap
Excursionist
17 0 1

Of course
www.maishamagnets.com 

Pass: lawhaw

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @mountainsap 

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Open header-drawer.liquid file

Step 2: Add target="_blank" after all  <a  tags below this line of code, you can find them at very bottom of the file

PageFlyAmelia_0-1712479915673.png

Step 3: Open header-drawer.liquid file, and do the same with <a  tags below this line of code 

<ul class="list list-social list-unstyled" role="list">

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

mountainsap
Excursionist
17 0 1

Great. It worked.

Thank youuu