Columns on mobile

Site URL: https://www.bockmaster.com/about

Months ago, I had formatted my site for mobile with a bunch of CSS and it looked perfect. I just checked it on mobile and realized that the sections that previously looked beautiful with stacked content are now in narrow columns! My CSS is still there and is applied, but it doesn't look the way it's meant to because of these columns... Has Squarespace changed something that would have caused this?

Screen shots to show how it's looking currently.

Hi. Have you solved it yet?

Hi @tuanphan, no I haven't found a solution 😞

@tuanphan Do you have any thoughts?

I see stacked here?

@tuanphan The header is stacked, but if you scroll down past that you'll see what I mean.

Hi @tuanphan I'm just following up in case you didn't see my reply. If you scroll down the page slightly you'll see where it starts getting split into two columns. This is a pretty big deal for my site and I would so appreciate any help figuring out the cause!

5 hours ago, mbockmaster said:

Hi @tuanphan I'm just following up in case you didn't see my reply. If you scroll down the page slightly you'll see where it starts getting split into two columns. This is a pretty big deal for my site and I would so appreciate any help figuring out the cause!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-5f5d2000073ffa3ae3e4aa09 .row {
    flex-direction: column;
}
}

Thank you SO much @tuanphan! Can you tell me how you found that page #? There are a couple other pages that need this fix as well. I appreciate your helpfulness!

I spoke too soon! I found it. Thank you so very much.