Hi,
This is a common anti-pattern.
I recommend the following:
- Copy your row that has the two columns.
- In the new copy, label it something like "Mobile View" in the FB back-end editor.
- In this new row, put all elements into their own 1/1 column. That means that image needs to be on its own.
- Delete your original two 1/2 cols. They should be empty now, right?
- You should have one stack of three 1/1 cols now. Rearrange them so that maybe your image is on top, content in the middle, and author meta at the bottom.
- Change the row visibility to small only. Disable medium and large.
- Go back to your original row. Label that something like "DT and Tablet View". Change the visibility for that row to medium and large only. Disable small.
Yell if you have questions.
Good luck!
Original post https://theme-fusion.com/forums/topic/author-information-alignment/