Hello, I'm new to Site Designer and responsive web designer. While remaking a 15 year old site, I can't quite seem to make the design changes work at the breakpoint. Using Foundation, when I make a design change at, say, after the 640 px. breakpoint, the new item(picture) is visible. When I move the slider down to 400 px, the item still shows up. When I select "hidden" in visibility, it disappears there. But when I slide back to above 640, it's still hidden. Besides the "visibility" control, what am I missing here?

Hi
You need to look at the tab on the top bar "Toggle Breakpoints,
then when the dropdown opens choose 'Default"

This then enables all the breakpoints so you can style as you wish between them.

Hi Kristofer
You need to look at the tab on the top bar "Toggle Breakpoints,
then when the dropdown opens choose 'Default"
This then enables all the breakpoints so you can style as you wish between them.

Hope you are doin OK over there

Wayan

That didn't work for me. I have a custom breakpoint at 430 pixels. I checked and the Toggle breakpoints is on default mode. When I select hidden for the new picture below that size, it still is hidden when I drag the slider above that.

Yes of course it is because now you need ask site designer to change it to visible (or whatever it was) thats the point of breakpoints, in-between them you need tell site designer to do what you want it to do for you,, then as you move higher pst any other breakpoint you need do the same thing (if indeed you need it to do something.)

Perhaps a couple of introduction to "Site Designer" step by step video's may be useful for you??

Ok thanks, it worked, I had to do it again.

Actually you might want to consider using "Display = none rather than hidden depending of course on what it is, and whether or not a browser (can see it and even thogh it's hidden still takes it into accountor ignores it when rendering a page)