Change position of social media icons on Header - Expression Theme

Solved

Change position of social media icons on Header - Expression Theme

Littleonesprelo
Tourist
6 0 1

Hi, 

I'm looking to change the placement of my social media icons but have been unable to figure out how to do so. They are currently to the right but I would ideally like them placed in the centre, underneath the menu.

I'm using the Expression Theme but can't seem to figure it out. Does anyone know how to figure this out please?

 

Any help is greatly appreciated. 

Thank you.

Screenshot 2025-01-01 160313.PNG

Accepted Solution (1)

qasim-devloper
Shopify Partner
142 9 20

This is an accepted solution.

Hey this is Qasim a Sr. Shopify Developer and official Shopify Partener.
I just figure out the Social media icons. Please paste this Provided code in style.css file.

.social-links__list{
    justify-content: center !important;
}

Here is detail to go style.css file.

  1. Go to Shopify admin.
  2. Click on theme customization and choose theme which you want to customize.
  3. Click on there dots from top left and then click on Edit Code.
  4. In the theme file search for style.css and paste the provided code in the end of the file.

If you feel issue let know.

Thanks

- Need a Shopify Specialist? Chat on WhatsApp +923289643774

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

View solution in original post

Replies 4 (4)

DaisyVo
Shopify Partner
2542 317 368

HI @Littleonesprelo 

 

Please share with me the store Url

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

qasim-devloper
Shopify Partner
142 9 20

This is an accepted solution.

Hey this is Qasim a Sr. Shopify Developer and official Shopify Partener.
I just figure out the Social media icons. Please paste this Provided code in style.css file.

.social-links__list{
    justify-content: center !important;
}

Here is detail to go style.css file.

  1. Go to Shopify admin.
  2. Click on theme customization and choose theme which you want to customize.
  3. Click on there dots from top left and then click on Edit Code.
  4. In the theme file search for style.css and paste the provided code in the end of the file.

If you feel issue let know.

Thanks

- Need a Shopify Specialist? Chat on WhatsApp +923289643774

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

Littleonesprelo
Tourist
6 0 1

Thank you! That has sorted it, its perfect!

qasim-devloper
Shopify Partner
142 9 20

My Pleasure 🥰

- Need a Shopify Specialist? Chat on WhatsApp +923289643774

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!