Links side by side on footer menu

Ryan1998
Excursionist
13 0 3

Screenshot 2024-03-29 at 13.53.54.png

Screenshot 2024-03-29 at 14.01.08.png

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

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
5581 1344 1658

Hi @Ryan1998 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Ryan1998
Excursionist
13 0 3
Made4uo-Ribe
Shopify Partner
5581 1344 1658

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

Made4uoRibe_0-1711723247250.png

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Ryan1998
Excursionist
13 0 3

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

Made4uo-Ribe
Shopify Partner
5581 1344 1658

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Ryan1998
Excursionist
13 0 3

techlyser_web
Shopify Partner
1423 268 282

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 </body> on theme.liquid
<style>
@media screen and(min-width: 768px){
  .grid__item {
      max-width: calc(20% - var(--grid-desktop-horizontal-spacing) / 2) !important;
   }
}
</style>

 

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Ryan1998
Excursionist
13 0 3

Thanks but still the same 😞

TerenceKEANE
Shopify Partner
275 57 47

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/

 

 

TerenceKEANE_0-1711728828247.png

 

 

 

 

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

 

 

 

@media (max-width: 771.98px){

   .footer-block.grid__item:first-child {

    width: auto !important;

   }

}

 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites