I'm new to SDv3 and am having trouble making my Flash Hidden at mobile size. Actually the Flash is hidden but the Container remains taking up space. I've Hidden both the HTML Element and the Container but the big blank space remains. What am I missing?

Set the minimum height to 0 at that breakpoint and see if that works.

For the Container & HTML Element here's what I have:
Layout > Display > Block > Visibility > Hidden > Dimensions > Height > 0 px

What I'm trying to do is have the Flash only appear on larger screens and when the Flash isn't there to have an image show.

The Flash disappears when it's suppose to but it leaves a big blank spot.
The Image disappears when it's suppose to but it leaves a big blank spot.

The zero was already in place for the Min Height.

I wonder if I should just remove the HTML element in Mobile size and remove the Image in larger screen sizes?

Visibibily Hidden still keeps the space on the screen, whereas Display None stops the space being used on the screen. To get Display None in SD V3 one chooses Layout > More, and chooses None in the Select box that appears.

I think that any further discussion of this would be best in the Site Designer forum, as that is the program being used.

Frank

if you are using foundation framework in SDv3 then

class= show-for-small-only
will hide the thingy, and not keep it visible (still there but just hidden so anything underneath/at the side, takes up the space.) then magically appearing when reaching the medium size

or
class= show-for-large
will only show the thingy at large sizes

You could try this script:

You need of course to modify the Flash player version and the path to your image. Actually, where I used this script, I had an extra copy of the 'start.php' with an image instead of the flash. Well, you'll have to try...

Somehow I have managed to make the Flash refuse to appear at any width in spite of the fact that in Preview the code appears. Wayan, I tried your show-for-small-only and the image now does exactly what it's suppose to do. And show-for-large appears to work until I view online, then there is no Flash. Frank, I tried your Layout > More > None but there was no joy. Too much tinkering I'm thinking. I've tried so many different things I've probably overworked it. May start w/a fresh attempt. Thank you all for your help! It's much appreciated.

I had the same problem with text links I want hidden on small screens, but visible when the screen size is larger. I could hide the elements, but the container still took up space. Try setting your Max height to 0 px. Worked for me!

Hi Andrea, all i do is set the container to "none" under display properties rather then trying to set the element.