Images in Column not inline with text on Mobile

Support
#1

Hello,

I have created a page on my desktop that looks great. Images are aligned horizontally with text in a separate column on the left. However, in mobile view all the images come at the end of the text. The images are also far aligned to the right on the mobile screen. Here is an example post: https://fieldcraftguide.com/dummy-cord-it-tie-down-anything-you-dont-want-to-lose/

I have researched the forum for a week with no luck. Please help!

#2

Hi Rob,

Thank you for writing in, what you did is not right. You should have placed the Text and its corresponding Image on its own row, so when your page is viewed on mobile the Text and its corresponding Image will stack to each other.





What you have now is you placed all text and image in one row, so when the 2/3 and 1/3 columns stack to each other, all the images are on the bottom of all text. Also, using the Gap element to space out the images is not a good idea.

Hope this shed some lights,
Cheers!

#3

Thanks! I will get to work on fixing it all now. I just tried to make it look good in the WYSIWYG editor, without thinking through how it actually works. I appreciate the time.

#4

We are delighted to assist you with this, let us know if something came up.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.