For web pages created with Adobe Muse, you may experience the following issues:
- Extra spaces in web pages created with Adobe Muse
- Layout appears smaller than designed on the intended device
Read on to know the possible resolutions for this issue.
In the Design view, look for page items that you may have accidentally placed outside the page. You can highlight page items by choosing View > Show Frame Edges or by choosing Edit > Select All. Delete or reposition any page items placed outside the page.
Depending on the content area is in focus, Accordions and Compositions can occupy more space when expanded. Verify that widget content is on the page during export.
Many embedded HTML and third-party widgets allow you to resize a page item in the
Design view. Many of these page items have predefined dimensions indicated in their code. Therefore, on export some page items might not be the same size as indicated in the Design view.
If this is the case, consult the third party who distributes the embedded HTML/widget.
Any nested page items expand the size of its parent container when expanded. Verify that nested items do not expand a parent container beyond the bounds of the page.
If you face this issue in a responsive layout, especially in breakpoints that correspond to phone or tablet layouts, use the scrubber and preview your design across all the breakpoints. Verify whether any page element goes out of the scrubber area as you resize and preview the layout.
If there are items that reside outside the scrubber, it is likely that the Resize property for these items are set to "None".
To eliminate the extra space, do one of the following:
- Set the Resize property of these elements to either Responsive Width, or Stretch to Browser Width.
- Create a new breakpoint at the width where the elements go out of the scrubber. Resize and reposition these page elements in the new breakpoint.