Solved

What is the solution to add space between footer menu sections in Shopify?

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)
suyash1
Shopify Partner
9077 1129 1479

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3694

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

suyash1
Shopify Partner
9077 1129 1479

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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 7 (7)

Avira
Tourist
4 0 0

Photo:

dmwwebartisan
Shopify Partner
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Avira
Tourist
4 0 0

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

suyash1
Shopify Partner
9077 1129 1479

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
dmwwebartisan
Shopify Partner
12280 2546 3694

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Avira
Tourist
4 0 0

Works perfectly!

another question

there is a way to make this menu vertically? 

suyash1
Shopify Partner
9077 1129 1479

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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI