footer gap smaller

celine122
Tourist
5 0 4

Hi, can anyone help me ?please!

The footer is displayed normally on my computer home page, but the footer gap on my mobile phone is very large and I would like the gap between each line to be reduced a bit as I don't want the footer to take up a whole page,also It's vertical in the picture, but I wish these menus were horizontal.

My site URL:whitedolphinvacuum.com

Thank you in advance

Screen Shot 2021-05-02 at 9.30.46 PM.png

dmwwebartisan
Shopify Partner
5862 1339 1721

@celine122 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.site-footer__linklist-item{ padding: 9px 0 !important; }
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
celine122
Tourist
5 0 4

Thank you for your help !

I tried but nothing seemed to change.

Expert_Pro
New Member
23 0 0

I have deliberately gone through your request and I fully understand all you need.  I'm a professional and an expert in this aspect and I will be glad to offer you the best of my services.

  (mavedrey1919@gmail.com)

nows sow get it done perfectly 

0 Likes
dmwwebartisan
Shopify Partner
5862 1339 1721

@celine122 

Please try the following code.

@media only screen and (max-width: 749px){
.site-footer__linklist-item{ padding: 2px 0 !important; }
.site-footer__item {margin-bottom: 10px;}
}

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
celine122
Tourist
5 0 4

Screen Shot 2021-05-03 at 12.31.45 PM.png

celine122_0-1620016456328.png

 

  Thanks, the gap between the footer is smaller, but can you help make the bottom part smaller, because I feel like it's getting bigger.

0 Likes
dmwwebartisan
Shopify Partner
5862 1339 1721

@celine122 

Please try the following code.

@media only screen and (max-width: 749px){
.payment-icons {line-height: 10px !important;}
.site-footer__icon-list {padding-bottom: 10px !important;}
}

Let me know if this works.

Thanks!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
celine122
Tourist
5 0 4

thanks !!! it s work

dmwwebartisan
Shopify Partner
5862 1339 1721

@celine122 

It's pleasure to help you.

If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes