space between footer menu

Solved
Avira
Tourist
4 0 0

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

 

Accepted Solutions (3)

Accepted Solutions
suyash1
Shopify Partner
3743 410 612

This is an 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;
}

 

suyash1_0-1634738950305.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

dmwwebartisan
Shopify Partner
9826 2237 3078

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

suyash1
Shopify Partner
3743 410 612

This is an 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;}

suyash1_0-1634740425450.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

Replies 7 (7)
Avira
Tourist
4 0 0

Photo:

dmwwebartisan
Shopify Partner
9826 2237 3078

@Avira 

Please share screenshot what do you want!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Avira
Tourist
4 0 0

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

suyash1
Shopify Partner
3743 410 612

This is an 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;
}

 

suyash1_0-1634738950305.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

dmwwebartisan
Shopify Partner
9826 2237 3078

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Avira
Tourist
4 0 0

Works perfectly!

another question

there is a way to make this menu vertically? 

suyash1
Shopify Partner
3743 410 612

This is an 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;}

suyash1_0-1634740425450.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post