Shopify themes, liquid, logos, and UX
I've tried all the solutions and suggested CSS but nothing works! Help!
https://da7ylbuun1afzcq6-89214681390.shopifypreview.com
There's too much space between the logo and the social media icons. There's too much space between the Text link (top right) and the email signup (bottom right). I'd also like for the Text link to line up to the right side like the email signup. Any help is appreciated!
Solved! Go to the solution
This is an accepted solution.
Hello @AndreaH3737
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.footer-block.grid__item.scroll-trigger.animate--slide-in {
text-align: center;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}
Result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @AndreaH3737,
To make the specified changes to your footer, please make the following changes:
1.Go to your Shopify admin panel.
2.Navigate to Online Store > Themes.
3.Find your theme and click on Customize.
4.Click Actions > Edit code.
5.In the left sidebar, under the Layout directory, select base.css.
.footer-block--newsletter{
margin-top: 0;
}
.footer-block__heading {
text-align: right;
}
.footer-block__newsletter:not(:only-child){
margin-right:0 !important;
}
.footer-block__image-wrapper {
margin-bottom: 0;
}
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!oes, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans
This is an accepted solution.
Hello @AndreaH3737
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.footer-block.grid__item.scroll-trigger.animate--slide-in {
text-align: center;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}
Result
If this was helpful, hit the like button and accept the solution.
Thanks
Thank you! Is there no way to take out the spacing out between the social media icons and the logo?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025