Layout changed since adding text lightboxes

I have a layout of two columns of images, separated with a spacer down the middle of the columns.  Once I added a code box under each image for a text lightbox pop-up (which works), the layout switches to one long column down the left hand side.  Always looks right in edit mode though, then back to looking wrong once I exit edit mode.

Can you share link to page where you use code block? We can check easier.

Hi - sorry - I don't have permission to do this (it is a site for a special school)

If possible, you can duplicate the site & share duplicated site url

Okay, so I deleted the section and started again. 

I used a section template which had 3 images horizontally on the page already.  I changed the images to what I needed.  (Let's call them images 1, 2 and 3).  I added a code box underneath each image for a pop up text box (works).

I then added a separate image under each of these code boxes, images 4, 5 and 6 (with code boxes underneath), and repeated again for images 7, 8 and 9.

In edit mode, all looks great.  In view mode, the images all line up along the left side of the page, in the order 1, 4, 7, 2, 5, 8, 3, 6, 9, decreasing in size.  Each image has its corresponding code box below it,,, which works.

I am having this same issue...were you able to find a solution?

17 hours ago, TC_Business said:

I am having this same issue...were you able to find a solution?

Can you share link to your site? We can check easier