Debut theme two columns in mobile footer

Solved
Highlighted
Tourist
14 0 2

Hi everyone, I'm looking how to make two columns in the footer mobile version like in the picture.

footer1.pngfooter2.png

website : casedream.com pass: ez

 

0 Likes
Highlighted

Success.

Shopify Partner
11 1 6

Paste this into your css file:

  @media only screen and (max-width: 749px) {
    .site-footer__item:nth-child(1) {
      width: 50%;
      flex: none;
    }

    .site-footer__item:nth-child(2) {
      width: 50%;
      flex: none;
    }
  }
4 Likes
Highlighted
Tourist
14 0 2

Thank you !

0 Likes
Highlighted
New Member
7 0 0

which css files? theme.scss.liquid? 

 

edit: yes theme.scss.liquid

0 Likes
Highlighted

Success.

New Member
2 1 0

Thank you


@Michael144 wrote:

Paste this into your css file:

  @media only screen and (max-width: 749px) {
    .site-footer__item:nth-child(1) {
      width: 50%;
      flex: none;
    }

    .site-footer__item:nth-child(2) {
      width: 50%;
      flex: none;
    }
  }

 

0 Likes