Dawn Theme - Adjust Spacing between Footer Menu Items

I would like to reduce the space between the menu items so that there is not such a big gap between the individual items in the menu.

I would also like to centre the text and the social icons in the brand information on the mobile device.

Hello @Roxolot

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (min-width: 750px){
.grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) !important;
 }
}

Hi @Roxolot , saw you were able to get some help. Were you able to figure out the issue?

Unfortunately, this does not work yet. I just want to reduce the line spacing.

Can you share the link to your website please @Roxolot ? This would make it a little bit easier for me to see what the problem is and guide you in the right direction.

If you’re not comfortable sharing the link publicly, feel free to send it to me at my details below in my signature. Thanks.

www.taskslider.de

PW: saigew

Try this: Go to your customizer, click on your Footer, scroll to Add Custom CSS, and type:

a.link.link--text.list-menu__item.list-menu__item--link{
height: 27px;
}

Adjust the 27px until it matches what you need. Does that work?

1 Like

Hi @Roxolot , just checking back in. Did it work?

@Zqdo Yes, it works.

Glad to hear it! Feel free to reach out if you ever have any more issues or questions about your Shopify store.

@Zqdo DO you have an idea how i could change the line spacing of the brand_info section in the footer. I would like to have it like the other menu.

Glad to help. The password for your store is not working, however, for me to help you out.

If you don’t want to share it publicly, feel free to end it to me at the details in my signature. Thanks.

@Zqdo
www.taskslider.de
PW: nonsense

Same as before, go to your customizer, click on your Footer, scroll to Add Custom CSS, and type:

.footer-block__details-content li{
height: 22px !important;
}

Adjust the 22px until it matches what you need. Does that work?

2 Likes

Yes, it works. Thank You

For sure! If you ever have any other questions, or need help, feel free to reach out to me.