How can I align footer menu links like in this picture?

[Ryan1998]

How do I align my links on the footer menu like the bottom picture. Please

[Made4uo-Ribe]

Hi @Ryan1998

Would you mind to share your store URL? Thanks!

[Ryan1998]

https://stopnook.com/?_ab=0&_fd=0&_sc=1

[Made4uo-Ribe]

I check it, but it seems like youve already make it side by side.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Ryan1998]

https://48dyu1ahn79embuu-79995306313.shopifypreview.com This if that doesnt work

[Ryan1998]

Thats my other store but I forgot what code I used, try this other link and its for mobile not desktop

[niraj_patel]

Hello @Ryan1998

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and(min-width: 768px){ .grid__item { max-width: calc(20% - var(--grid-desktop-horizontal-spacing) / 2) !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Ryan1998]

Thanks but still the same

[Made4uo-Ribe]

Oh, i cant see the footer now. Im in the middle edit.

[TerenceKEANE]

Hi.

Based on what I understand, you want to make the footer links of the website below into a single line only on mobile devices! If this is correct, by adding the following codes to the bottom of the ‘base.css’ file, you will solve this issue. If you do not upload it to the bottom of this file, the codes will not work. I’m also providing you with the links and images! Let me know if you still cannot do it.

Terence..

https://getshogun.com/learn/edit-css-shopify/

https://48dyu1ahn79embuu-79995306313.shopifypreview.com/

@media (max-width: 771.98px){

.footer-block.grid__item:first-child {

width: auto !important;

}

}