Shopify themes, liquid, logos, and UX
Hi all, I am not able to align my footer properly. This is how the current footer alignment looks like:-
Link : https://f40566-d3.myshopify.com/
Below is how i want the alignment of the footer,
Link : https://www.boozyhouse.in/story (this my website on wix & i am transferring to shopify but now able to align footer)
Basically - the logo on the top left with description below, 1 menu and email list on left side with icons for socials below it the email list.
Can someone please help?
Hi @RaghavGoel1
Do you mean like this?
if it is check this one.
@media only screen and (min-width: 749px){
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
row-gap: 0;
}
.grid--4-col-tablet .grid__item {
width: unset;
}
div.footer__content-top.page-width > div.footer__blocks-wrapper > div:nth-child(1) {
grid-column: 1 / 1;
grid-row: 1;
}
div.footer__content-top.page-width > div.footer__blocks-wrapper > div:nth-child(2) {
grid-column: 1 / 2;
grid-row: 2;
}
.footer-block.grid__item.footer-block--menu {
grid-column: 2;
grid-row: 1 / span 2;
}
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is great, thanks. But can you help me get the email subscription form on the right? Also how do i fix the alignment overall? I want the logo and description to be more on the left.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn 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, 2025