How to Hide Page Elements at Any Breakpoint in Muse

Hide in Breakpoint contextual menu item

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 elements

The 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:

  1. 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.
  2. Create breakpoint
  3. Select the element that you want to hide.
  4. select element
  5. Right-click and choose Hide in Breakpoint
  6. hide in breakpoint
  7. After hiding the element(s) you can rearrange or scale remaining elements on the page.
  8. enlarge remaining elements


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

Comments

Popular posts from this blog

Free Puzzle Pieces Actions For Photoshop and Elements

How to Change Artboard Size in Adobe Photoshop

Old Weathered Vertical Wooden Planks Free Image