Re: How to add social media icons in header

Solved

How to add social media icons in header

umrraz90
Excursionist
32 1 10

Hi, 

 

Currently I can only add social media icons to the footer and cant see a way to add these icons to the header. 

 

Please can someone give me some guidance on how to add to the header? 

 

website: theflowerstudiobyroo.co.uk

Accepted Solutions (4)

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723041874541.png

Add this code to file header.liquid

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723051384568.png

add this code to file base.css

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_1-1723051416992.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723119872766.png

Add this code to file base.css 

BSSTekLabs_1-1723119897186.png

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 8 (8)

vinh0225
Shopify Partner
128 26 24

Hi @umrraz90 

It is necessary to edit header section or create a new one based on it.

If you are not familiar with Liquid code, I can help you.

Regards,

Vinh

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ️you can hire me.
Contact me at  ✉️ [email protected].
umrraz90
Excursionist
32 1 10

Hi @vinh0225 im not familiar and would appreciate some guidance 

 

thank you 

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723041874541.png

Add this code to file header.liquid

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
umrraz90
Excursionist
32 1 10
Thank you, will this show when I add a TikTok page too?
BSS-TekLabs
Shopify Partner
2350 702 827

Yes. You can try it

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723119872766.png

Add this code to file base.css 

BSSTekLabs_1-1723119897186.png

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_0-1723051384568.png

add this code to file base.css

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

BSSTekLabs_1-1723051416992.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now