FROM CACHE - en_header

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
6647 796 1118

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 - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

View solution in original post

dmwwebartisan
Shopify Partner
11154 2394 3435

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

suyash1
Shopify Partner
6647 796 1118

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 - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

View solution in original post

Replies 7 (7)
Avira
Tourist
4 0 0

Photo:

dmwwebartisan
Shopify Partner
11154 2394 3435

@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 | Click here GemPages The most powerful Shopify page builder.
Avira
Tourist
4 0 0

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

suyash1
Shopify Partner
6647 796 1118

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 - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
dmwwebartisan
Shopify Partner
11154 2394 3435

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 | Click here GemPages The most powerful Shopify page builder.
Avira
Tourist
4 0 0

Works perfectly!

another question

there is a way to make this menu vertically? 

suyash1
Shopify Partner
6647 796 1118

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 - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly