Centering the shop button and social media icons
How can I center both icons one under the other ?
Hey @Radu6,
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>
.footer-block--newsletter.scroll-trigger.animate--slide-in {
flex-direction: column !important;
align-items: center !important;
}
.footer__follow-on-shop {
margin: 0 !important;
}
@media only screen and (min-width: 990px) {
.footer__follow-on-shop {
transform: translateX(10px) !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Radu6,
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>
.footer-block--newsletter.scroll-trigger.animate--slide-in {
flex-direction: column !important;
align-items: center !important;
}
.footer__follow-on-shop {
margin: 0 !important;
}
@media only screen and (min-width: 990px) {
.footer__follow-on-shop {
transform: translateX(10px) !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey there,
I used the code you provided on my site and the social icons are perfectly centered, but the "Follow on shop" button above them is not quite centered. Leans a bit to the right. Screenshot below. URL = themusicrescue.com. Any ideas?
Thanks!
