Change footer order on mobile version

5 hours ago, marthabalfour said:

Site URL: https://marthabalfour.com/

Hello, 

I would like to organise the footer on the mobile version so that the logo is at the top and the rest of the links at the bottom. What's the CSS for this?

Password: MBS2021

 

Thanks!

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61855bbe7695212749ad8070"]  .sqs-layout .span-12 .span-8 > .row {
    display: flex;
    flex-direction: column;
  }

  section[data-section-id="61855bbe7695212749ad8070"]  .sqs-layout .span-12 .span-8 > .row > .col:first-child {
    order: 2;
  }

  section[data-section-id="61855bbe7695212749ad8070"]  .sqs-layout .span-12 .span-8 > .row > .col:last-child {
    order: 1;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you