Align footer menus dawn theme

Daniel19901
Shopify Partner
109 0 15

Hi everyone, 

I'm still working on this website, and I would like the footer items for mobile to be all at the same line, since the footer looks very long at its current form.

 

Can anyone hep ? tried to play with the code a bit, but I'm probably missing something.

https://69b4c5-62.myshopify.com/

 

Pass: peofah

thank you in advance!

Reply 1 (1)

BSS-Commerce
Shopify Expert
3477 461 519

Hi @Daniel19901 ,

Please follow these steps:
Step 1: Access Shopify admin => Online store => Themes => Edit code
Image:

view - 2024-04-01T143134.430.png

Step 2: Find the file base.css or global.css, theme.css

view - 2024-04-01T144031.712.png

Step 3: Insert this code into your CSS file:

@media only screen and (max-width: 749px) {
  .footer__content-top .footer__blocks-wrapper {
      display: flex !important;
      flex-wrap: wrap;
      flex-direction: column;
   }
   .footer .footer__content-top .footer__blocks-wrapper .footer-block--menu {
      width: 100% !important;
   }
}

And this is the result:

 view - 2024-04-01T144122.283.png

Hope it helps @Daniel19901 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development