hidden elements - Post ID 246621

User 425502 Photo


Registered User
8 posts

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???
User 103173 Photo


VP of Software Development
0 posts

Can you upload your project file Lillian so we can take a look at the configuration?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 425502 Photo


Registered User
8 posts

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


VP of Software Development
0 posts

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.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 425502 Photo


Registered User
8 posts

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.
User 425502 Photo


Registered User
8 posts

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


Registered User
8 posts

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


VP of Software Development
0 posts

We need the project file, not the output.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 425502 Photo


Registered User
8 posts

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.
Attachments:
User 103173 Photo


VP of Software Development
0 posts

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.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.