HI,
on desktop I’d like to make the menu footer closer together theres to much space between the menus
my site is https://luxurymrkt.com/
Topic summary
A user seeks to reduce excessive spacing between footer menu columns on desktop view.
A solution is provided involving custom CSS:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add a media query targeting desktop screens (min-width: 960px)
- Apply
width: 10% !importantto specific footer item classes
The response includes a screenshot showing the expected result with tighter menu spacing. The solution appears to use targeted class selectors to override the default footer column widths.
1 Like
Hi @Luxurymrkt
check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 960px) {
.footer__item--6007c949-626c-4b28-a10a-097504bc6a01, .footer__item--c4ad4e59-81c8-4699-86e7-c33658bc0281, .footer__item--1494301487049 {
width: 10% !important;
}
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!