How can I create space between sections in the footer menu?

Hello Shopify community

I’m looking for a solution about making a space between sections in the footer menu.

you can see the photo.

!https://ibb.co/0fWdPwV

website URL: https://avirastore10.myshopify.com/

Pass: 12345

Thank you

Photo:

@Avira

Please share screenshot what do you want!

I want to know how I make a space between ‘terms service’ and ‘shipping policy’.

@Avira - please add this css to the very end of theme.css file and check

.site-footer__linklist-item:last-of-type {
    padding-right: 30px;
}

1 Like

@Avira

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.site-footer__linklist-item {
    padding: 0px 0px 5px 0 !important;
    margin-right: 20px !important;
}
}
1 Like

Works perfectly!

another question

there is a way to make this menu vertically?

@Avira - if you want like the screenshot then add this css

.site-footer__item .site-footer__linklist{display: flex; flex-direction: column;}

.site-footer__linklist-item {padding-right: 0;}

1 Like