Column responsive to mobile devices not working

Hi, I am trying to use a 2-column layout on my desktop design, one column contains an image and the other column contains three text blocks. However when I try to adjust this column to mobile responsive, it does not work. It still shows two columns on the mobile landscape & mobile portrait version. Can anyone help me with this?

My short guess is that the two columns are not in the same format? I once tried to put only images in two columns, and it worked pretty well in mobile responsive. However, when it comes to col 1 -image, and col 2 - text, then it no longer works. Is there a way to solve this?

Thanks so much!

Screen Shot 2022-08-08 at 1.18.32 PM

The page is called “Co-Orb”
Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @Ziwen_Zeng

Please add your share link so we can take a look

Hi, I just added the link! Thanks for your help!

Hi @Ziwen_Zeng

This is because you have your columns set to flexbox. You have to manually adjust the flexbox to wrap the child elements.

Thanks sooo much! It works perfect now!!

1 Like