Looking to reduce the line spacing in the footer menu. it looks too spread out. thank you! using DAWN theme.
Topic summary
-
Goal: Reduce vertical line spacing in the footer menu of a Shopify store using the Dawn theme.
-
Suggested approach: Adjust CSS to tighten spacing by removing extra vertical padding on footer menu links.
-
Steps provided: In Shopify admin, go to Online Store > Themes > Edit Code > Assets > base.css, then add a rule that sets padding-top and padding-bottom to 0 with !important for the footer menu link selector.
-
Code snippet (central to the fix): A CSS rule targeting the menu item link class, setting padding-top: 0 !important; and padding-bottom: 0 !important; to decrease line spacing.
-
Status: No confirmation from the requester on results; solution remains unverified and the thread is open.
Go to admin > Online Store > Themes > … > Edit Code > Assets > base.css
Insert the following code:
.list-menu__item–link {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
Let me know how it works