Rearange the elements positions in the footer

[Nykuu]

Can someone help me rearrange the position of the elements in the footer only on mobile view?
I need to move the "INFORMATIONS" text box to the side of "POLICIES"
Then the brand information centered.

 

[tim]

In Customizer, go to your "Footer" section and scroll down its settings till you see "Custom CSS"  paste this code into this setting. Can also try "Custom CSS" in Theme Settings.

@media screen and (max-width: 749px){
    footer.footer .grid {
      display: flex;
    }
    footer .footer-block.grid__item{
      width: calc( (100% - var(--grid-mobile-horizontal-spacing) )/2);
      margin-top: 0rem;
    }
    .footer-block__brand-info {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
}

[Nykuu]

Hi @tim!

It worked, but the brand information was not centralized. What can be done about this?

 

[tim · Accepted solution]

Sorry, when copy-pasting somehow I've lost a dot before footer-block__brand-info. I've amended the code above, please copy it over again.