Dear all, I need to change the footer menu to vertical. Any hint? Thanks, Dimitri [Schermafbeelding 2020-05-07 om 04.37.53.png]

Hello, @dimitri9 Thanks for URL. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .site-footer__linklist-item { width: 100%; } .site-footer__item { margin-bottom: 0; }

Thanks for getting back so quickly @KetanKumar Site URL is www.thepineco.com.au I just want it horizontal on desktop view, not mobile. Thanks :slightly_smiling_face:

@pine Thanks for update yes, please add this code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. @media only screen and (min-width: 768px) { .links-footer ul li { display: inline-block; padding: 0px 5px; } }

Heyy! I have tried add this code but its still not changing my menu from horizontal to vertical - I’m not very tech savvy! Could you let me know what I am maybe doing wrong? My URL is https://scenes-of-beauty.myshopify.com Thanks

@ScenesOfBeauty oh, sorry for this issue can you please try this Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second @media only screen and (min-width: 750px) { ul.site-footer__linklist.list--inline { di…

Thank you so much! This worked and looks so much better. Another question on footers, do you know how I split the menu into 2 lists? Right now it appears on just one. Thanks Chloe

Hello @KetanKumar , I tried adding this code for two of my websites. It works, but the last item is indented and not centre aligned. How do I fix this? See attached images.

@Samboi Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

Hello @KetanKumar , would you be able to help me with this. I am trying to change my footer horizontal columns similar to what the boundless theme looks like, are you able to assist? my website url is: https://behind-the-bag.com/

@Behindthebag sorry for that issue your store is password protect

How can I change my footer menu to a vertical layout?

Store Design

KetanKumar February 28, 2021, 1:10pm 19

@ScenesOfBeauty

it’s my pleasure to help us.

yes footer it possible to more customization code can you please send personal message

Topic		Replies	Views
How can I change the footer menu from vertical to horizontal? Store Design footer	9	216	February 18, 2021
I want vertical menu instead of horizontal in footer Store Design liquid , design , shopify-themes	9	109	January 3, 2025
How can I change navigation link in my footer to vertical? Technical Q&A	9	513	September 6, 2023
How can i put the orizzontal footer's menu? Store Design design , footer , shopify-themes , html	3	57	July 2, 2023
How to change mobile footer from vertical to horizontal? Store Design footer	1	82	September 9, 2024

How can I change my footer menu to a vertical layout?

Related topics