Align footer menus dawn theme

Align footer menus dawn theme

Daniel19901
Shopify Partner
244 0 65

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 Partner
3477 463 540

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency