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.
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.
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?
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?
Yes, it works. Thank You
For sure! If you ever have any other questions, or need help, feel free to reach out to me.