How can I left align the share icons on my online store?

Solved

How can I left align the share icons on my online store?

Kostas_katal
New Member
11 0 0

Hello,


I would like your help with an issue that is bothering us


We have made our online store exactly how we wanted it to look,


The main problem we want to solve now is that,

 

I would like the box with the share icons to be left aligned


Any solutions?


Site: https://www.petjoyfully.com



 Kostas_katal_1-1710240956486.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @Kostas_katal,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
@media only screen and (min-width: 750px) {
    .list-social {
        justify-content: flex-start !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710241407221.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

niraj_patel
Shopify Partner
2378 514 511

Hello @Kostas_katal 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .list-social {
    justify-content: flex-start !important;
  }
</style>

techlyser_web_0-1710241358713.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @Kostas_katal,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
@media only screen and (min-width: 750px) {
    .list-social {
        justify-content: flex-start !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710241407221.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
Kostas_katal
New Member
11 0 0

Thank you