Tip: Responsive design in Studio.Design
In Studio.Design, you start with one page design and then adjust styles for each screen width (breakpoint) to create a responsive design.
You can change the layout, appearance, and position of boxes and text for each breakpoint, but the actual content of images and text, as well as the grouping structure, stay the same across all breakpoints.
For more about responsive design and related features, check out these articles:
What can be adjusted with responsive design
Some settings can be changed for each breakpoint, while others are shared across all breakpoints.
Settings that can be changed per breakpoint |
|
Settings that can't be changed per breakpoint |
|
If a design change you make in mobile mode also shows up on desktop, you may be editing one of the "Settings that can't be changed per breakpoint" listed above.
Tip: Switching which elements appear at each breakpoint
If you want to display different elements—such as images or text—on desktop versus mobile, use the Show/hide boxes per breakpoint feature.
For detailed steps and examples, see the following articles: