How can I add social media icons to the body of my Dawn theme website?

Store Design
,
1

Hello, i want to have social media icons in the body of my website instead of footer on my homepage. But I can’t find any solution on it or how to do it,btw im using dawn theme 10.0

2

@ahmy-com In Dawn theme we have code snippet called social-icons.liquid snippet which you can anywhere you want.

If you want to have social icon on home page somewhere you can go to your theme customisation > add section >custom liquid and paste this code


  {%- if settings.social_facebook_link != blank -%}
    - {%- render 'icon-facebook' -%}
          {{ 'general.social.links.facebook' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_instagram_link != blank -%}
    - {%- render 'icon-instagram' -%}
          {{ 'general.social.links.instagram' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_youtube_link != blank -%}
    - {%- render 'icon-youtube' -%}
          {{ 'general.social.links.youtube' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_tiktok_link != blank -%}
    - {%- render 'icon-tiktok' -%}
          {{ 'general.social.links.tiktok' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_twitter_link != blank -%}
    - {%- render 'icon-twitter' -%}
          {{ 'general.social.links.twitter' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_pinterest_link != blank -%}
    - {%- render 'icon-pinterest' -%}
          {{ 'general.social.links.pinterest' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_snapchat_link != blank -%}
    - {%- render 'icon-snapchat' -%}
          {{ 'general.social.links.snapchat' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_tumblr_link != blank -%}
    - {%- render 'icon-tumblr' -%}
          {{ 'general.social.links.tumblr' | t }}
      
    

  {%- endif -%}
  {%- if settings.social_vimeo_link != blank -%}
    - {%- render 'icon-vimeo' -%}
          {{ 'general.social.links.vimeo' | t }}
      
    
  {%- endif -%}
3

I don’t get this where is add section, i want to put social media icon in body in the rich text section

4

@ahmy-com there is no direct way to add social media icon in rich text, you have can either add custom liquid section like below or you need to modify theme code to support this

Screenshot 2023-11-09 at 2.25.10 PM.png
Screenshot 2023-11-09 at 2.25.10 PM.png728×1486 85.9 KB

5

I can’t see an option to add custom liquid in dawn

6

how to make the position in the center on the desktop display ?

7

Add this code, I actually has a premium theme[focal] and what I did it to copy the social-media.liquid content.

Go to the page I was editing [for me Contact Us template] and adding Custom Liquid, and the CSS through Theme settings

.social-media {
  justify-content:center;
}