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

[Avira]

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

[suyash1 · Accepted solution]

@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;
}

[dmwwebartisan · Accepted solution]

@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;
}
}

[Avira]

Photo:

[dmwwebartisan]

@Avira 

Please share screenshot what do you want!

[Avira]

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

[suyash1 · Accepted solution]

@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;
}

[dmwwebartisan · Accepted solution]

@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;
}
}

[Avira]

Works perfectly!

another question

there is a way to make this menu vertically? 

[suyash1 · Accepted solution]

@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;}