How to Hide Page Elements at Any Breakpoint in Muse
Adobe Muse is responsive what means you do not have to worry about scaling of page elements. However, sometimes you will want to hide some of them at some breakpoint or for some of the screen sizes. It is super easy to accomplish in Adobe Muse using one simple command: Hide in Breakpoint.
Why and how to hide elementsThe very first question which you can ask is: why to hide any page element? The reason can be that element(s) is not that important for mobile users or that element is making too much crowd on small screens.
Now comes interesting part to hide element(s) which requires 3 easy steps:
- Use responsive design ruler to simulate browser width. Stop dragging at the point where you want to rearrange or hide some of the page elements. Click on plus sign (+) in the Ruler to define breakpoint.
- Select the element that you want to hide.
- Right-click and choose Hide in Breakpoint.
- After hiding the element(s) you can rearrange or scale remaining elements on the page.
That's it, element(s) will not be displayed on devices with the breakpoint or smaller width. You can use the same technic for numerous of situations and various purposes like to create separate, mobile friendly menu.
Product used in this tutorial:
Adobe Muse 2015.2