How to hide scroll bars in Adobe Muse created site.

Sometimes you would observe that site created by Adobe Muse has a vertical scrollbar and horizontal scroll bar. In some scenario you would like to hide that vertical scroll bar or horizontal scroll bar. You can add following CSS code in Adobe Muse to ensure your site do not have either horizontal or vertical scroll bar when he view in browser.

Steps to hide horizontal scroll bar.

    • Open the page in design mode in which you want to hide the horizontal scroll bar.
    • Click on Page > Page Properties
    • Go to Metadata tab.
    • Paste following code in HTML for head section. Click OK.
<style type="text/css">
html,body{
overflow-x:hidden;
}
</style>
  • No preview page from File >> Preview Page in Browser and there would be no horizontal bar.

Steps to hide vertical scroll bar.

  • Open the page and design mode in which you want to hide the vertical scroll bar.
  • Click on Page >> Page properties.
  • Go to Metadata tab.
  • Paste following code in HTML for <head> section and click ok.
<style type="text/css">
html,body{
overflow-y:hidden;
}
</style>
  • Now preview page from File >> Preview Page in Browser and there would be no vertical scroll bar.

Steps to hide both vertical and scroll bar.

  • Open the page in design mode in which one to hide the vertical scrollbar.
  • Click on Page >> Page Properties.
  • Go to Metadata tab.
  • Paste following code in HTML for <head> section and click OK.
<style type="text/css">
html,body{
overflow-y:hidden;
overflow-x:hidden;
}
</style>
  • No preview page from File >> Preview Page in Browser and there would be no vertical and horizontal bar.