Hello everyone,
I am using the Shopify Savor theme and would like to adjust the layout of the footer section. I have attached an image as a reference, and I would like the footer to look exactly like the example shown.
Specifically, I would like to bring the “Quick Shop” and “Support” menu columns closer together in the footer. I also want to adjust the email subscription form and make it slightly larger in size so it looks more balanced.
Any guidance or suggestions would be greatly appreciated.
Thank you in advance for your help!
Store: https://svelteclothes.myshopify.com/
password: Admin
@dreamtechzone_5
Please add the following code at the bottom of your theme css file.
@media screen and (min-width: 990px) {
.footer-content.spacing-style.footer-content--isolated-grid-item-desktop.footer-content--isolated-grid-item-tablet {
grid-template-columns: 1fr 0.7fr 0.7fr 1.5fr !important;
}
}
Here is the result:
Before Footer
After Changes Footer
Hope that works!
Please Like and marked as solution if helpful.
Hey @dreamtechzone_5 .
Your footer currently splits its width evenly across all four sections. To pull the two menu columns closer together, you just need to decrease the width of those menus and increase the width of the logo and email sections, which will shift the layout to match your reference image.
As for the email box, making it look bigger is a matter of adding more padding inside the box, creating more space around the text, and slightly increasing the font size.
Both of these are layout adjustments rather than adding new content. Since the Savor theme does not include these specific column and input sizing toggles in the drag and drop customizer, these changes will need to be made in your theme’s style code.
