I am working on making our existing website responsive and am hiding some photos on the left side of the screen as it gets smaller. When the photos are not showing, however, I end up with a large gap between the elements in the row above and the elements that would have been to the right.
Basically I have a row with 2 columns. One is 2 spans and the other is 10 spans until I reach 474px. Then I hide the 2 column span and make the other span 12 so it centers---but the result is a large empty space between the elements above and the column that now spans 12. How do I get rid of that empty space???

Can you upload your project file Lillian so we can take a look at the configuration?

Hmm. It did not show up on my support page.
Let me know what other files you need to check this out.

The file we need ends in .RED. You will need to zip that up and attach it here. If the file is over 100k, upload it to someplace and post the link here.

The thing is, I used the Responsive Layout manager to get started, but have been doing some tweaking in the html editor, so I am not sure what all you need me to upload.

OK. Let me see if I can upload it to a test location on our server. Will get back to you shortly.

OK. It's uploaded to http://www.avicoraviation.com/test/
There's an index.htm file and one called contacts.htm.

We need the project file, not the output.

I don't know what you mean. I don't have any files ending in RED. Oh sorry, I just realized I had said the wrong program. I'm working on the website with the Responsive Layout manager---not emails. So you need the file with the ending .rlmp? I'm attaching that but it may or may not illustrate what I mean. You may have to just take a look at the webpages I noted above in responsive view to see what I mean as well.

If you are describing the white space below the main image, go to the properties for that image on the lowest breakpoint and adjust the padding to a negative value and that will reduce the space. -45 seems to do the trick.