How to make footer links horizontal?

Solved
Excursionist
61 0 2

Hello,

 

How do I make my footer links horizontal and not vertical? 

 

Please see babyhabanero.com at the bottom to see what I mean. 

 

Thank You!

0 Likes
Highlighted
Shopify Expert
3899 559 936

Hi,
If you want to make your footer link horizontal then you have to change hrml + css code.

For that you have to know code. or need to hire developer.

Let me know.

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
61 0 2

Does anyone know the string of CSS code? 

0 Likes
Highlighted
Shopify Expert
3899 559 936

Add bellow code in theme.scss file and check if work

   ul.site-footer__linklist{overflow: hidden;}
   ul.site-footer__linklist li{float: left !important;}
   ul.site-footer__linklist li a{padding: 0 10px;}

Check and let me know if work

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
61 0 2

Can you look at my footer and see how its close but one link goes under them all? On desktop please. On mobile, it looks fine. 

 

https://babyhabanero.com/collections/shoes

0 Likes
Highlighted
Excursionist
61 0 2

It didn't look right on mobile actually so i used: 

.site-footer li {  display:inline-block;  padding-right:15px;
}

And now its a lot better but one link still over hangs on the desktop... 

 

0 Likes
Highlighted
Shopify Expert
3899 559 936

add this:

ul.site-footer__linklist li{padding-right: 4px !important;}

you have more link so can not adjust in one line as it 50% width cover  

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
61 0 2

Still same result...Can we make it tighter? 

0 Likes
Highlighted
Shopify Expert
3899 559 936

Try this 

ul.site-footer__linklist li {
    padding-right: 10px !important;
}

ul.site-footer__linklist li a {
    font-size: 14px !important;
}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
61 0 2

Still the same result. Here is a screenshot of my code. Did i do something wrong? 

 

Capture.PNG

0 Likes