Shopify themes, liquid, logos, and UX
I want to customize my Dawn theme website's desktop footer. Currently, the spacing between sections is uneven. How can I equally space the content, such as brand information and menu items?
website : https://2512.in/
Thanks in advance
<style>
@media screen and (min-width: 768px) {
.page-width {
padding: 0px 12rem;
}
}
</style>
hope you like it
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
if this code work please do not forget to like and mark it solution
Hi @Sivadarshan
let try to add custom css below:
@media screen and (min-width: 750px) {
.footer__blocks-wrapper > .footer-block {
padding-inline: 15px;
}
}
Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
@media screen and (min-width: 991px) {
.footer .footer__blocks-wrapper {
width: 100% !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
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