Shopify themes, liquid, logos, and UX
Hi there,
I’m wondering if you can help me in how to add social media icons under my logo in the footer of debutify theme, and also how to add another column.
Thank you
<!-- Look for the section of the code in footer where the image of the logo is contained, something like this: -->
<img src="logo.png">
_______________________________________________________________________________
<!-- You need replace that for this code: -->
<style>
.container {
display: flex;
flex-direction: column;
width: 100px; /* Adjust widt of all group*/
height: auto;
}
.social_icons {
display: flex;
flex-direction: row;
justify-content: space-around;
align-content: center;
}
.up img {
width: 100%;
height: auto;
}
.social_icons img {
width: auto;
height: 15px; /* adjust size of social media imgs */
}
</style>
<div class="container">
<div class="up"><img src="logo.png"></div>
<div class="social_icons">
<img src="social1.png" src="https://urls.com">
<img src="social2.png" src="https://urls.com">
<img src="social3.png" src="https://urls.com">
<img src="social4.png" src="https://urls.com">
...
</div>
</div>
Hey @JoseSalazar.
Thanks for reaching out.
I appreciate the context that you have shared as well as letting us know which theme is being used. Did you attempt the coding above advised by @Jhon796, by any chance?
Looking into the options available for the Debutify theme, it looks like this is a third-party theme designed and supported by Debutify. With that being said, since this theme was not developed directly by Shopify, we are a bit unfamiliar with the style of coding that is being used. In this case, I would suggest reaching out to the developers of the theme as they should be able to provide you with additional support and insight to changing the social media icons.
I did come across to finding Debutify's Contact Us page and wanted to provide it to you.
Let me know if you have any additional questions.
Ollie | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
User | RANK |
---|---|
226 | |
166 | |
66 | |
54 | |
51 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023