Debut Theme - Changing footer menu to be horizontal (not vertical) on mobile

Highlighted
New Member
3 0 0

Hi all. For the life of me I cannot get a footer menu of only 3 links to line up horizontally on mobile instead of vertical. Site is www.thenatandlivshop.com

On desktop it looks fine (horizontal) but mobile looks like below:

nlivo_0-1603243994319.png

I found another similar thread and added the code below to theme.scss.liquid but this only helped with the vertical spacing of the links (does look better, but still I am going for horizontal and not vertical):

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

 

Could anyone assist with how I may be able to get this to go horizontal?

 

Thank you!

0 Likes
Highlighted
Shopify Partner
3129 681 833

@nlivo 

I checked your website. Footer links looking horizontal align. Did you fix the problem?

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
3 0 0

It's ok on desktop (all 3 go left to right horizontally) but on mobile they stack on each other where I want them to be like how they look on desktop (horizontal and not stacking vertically).

0 Likes
Highlighted
New Member
3 0 0

@dmwwebartisan forgot to tag you above. PS thanks for the reply.

0 Likes