Shopify themes, liquid, logos, and UX
Hi all, i got help to relocate the footer and reduce gaps between the footer menus and such. But the mobile version did not change.
Could anyone help to make the footer on the mobile smaller, reduce the gaps between the section, reduce the font size, and place the country/region on top.
url is unimostudio.com
Solved! Go to the solution
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css ->paste below code at the bottom of the file.
@media (max-width: 749.5px) {
.footer-block__details-content .list-menu__item--link {padding: 2px 0px !important;}
.footer-block.grid__item {margin: 0 !important;}
.footer-block__details-content {margin-bottom: 10px !important;}
}
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css ->paste below code at the bottom of the file.
@media (max-width: 749.5px) {
.footer-block__details-content .list-menu__item--link {padding: 2px 0px !important;}
.footer-block.grid__item {margin: 0 !important;}
.footer-block__details-content {margin-bottom: 10px !important;}
}
this works! thank you so much
@unimost its my pleasure to help us
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025