How can I left align the share icons on my online store?
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
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.
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as 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.
Community Blog Articles
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025
Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025
Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025