I am using SD V3.5 Build 2962 to convert an existing RSD project to SD (and viewing via IE11 or Chrome).
On the page there are 4 images on the left-hand side, only the top two of which are visible on the wider screens.
However, on the wider screens the vertical space occupied by the lower two hidden images is not collapsed, it is just there, and blank.
I have tried "Hidden", "Collapse" for the images, with Opacity of 1 or 0, but the space remains.
I did not seem to have this issue in RSD?
Please can anybody advise how to resolve this?
Test page URL is http://www.smartwebsitedesign.co.za/rsd/index.html
Thanks
Nick

You could try setting the height to 0, or if they are in their own container, set the container height to 0.

Well on my chrome /opera/firefox/ I.E there are 4 images showing at all screen sizes.

Perhaps would be better to attach the project file (zipped) if not too big, also on larger monitors (mine is 24" the page is not really good for viewing comfortably.

It's difficult to see, but it looks like each image is in a container if that is the case then the container that holds the image you want to be hidden is given the class "show-for-small-only" and don't mess about with the image settings (hide/opacity etc)

Just hiding/opacity thingy on the image still leaves the container holding it visible (but the content invisible if you get my drift.)

Hi Wayan
Thank you very much.
Just reducing the height to zero at the required breakpoints sorted the problem.
Appreciate you help!
Nick