Wrong text block order on mobile

Site URL: https://rotor-film.squarespace.com

Dear All,

I am using two columns of text blocks for addresses on the footer of this website:
rotor-film.squarespace.com

On mobile, it displays the second column (the right one) first, instead of last!

Can anyone hint me how to change this?

Thx+Best!
Tonmeister

Not sure why. If you still can't solve it, add this to Design > Custom CSS

/* footer mobile text order */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1596047903533_12545+.row .span-6 {
    display: flex;
    flex-direction: column;
}
div#block-yui_3_17_2_1_1595691424873_11077 {
    order: 1;
}
div#block-yui_3_17_2_1_1626963596232_21283 {
    order: 2;
}
div#block-yui_3_17_2_1_1626963596232_21379 {
    order: 3;
    margin-left: 0;
}
}

Thank you so much!

On 7/23/2021 at 5:35 PM, Tonmeister said:

Thank you so much!

Do you need to fix these?

Site URL: https://rotor-film.squarespace.com/

1. (Mobile/Tablet – Homepage) Image doesn’t show in full size

2. (Tablet – Overlay menu) Align menu items – social icons