The following video walks you through the steps to create a sticky menu that will always show at either the top or bottom of a page.

 

OVERVIEW

This article explains how to set a canvas within your site to be sticky.

 

Showit-5-Sticky-ScrollThe ability to make a canvas sticky allows that canvas to always be visible at either the top or bottom of the browser window regardless of what portion of the page a user is viewing. The most common use for the sticky feature is for the menu/navigation within a site.

To set a canvas to sticky select the canvas (within the PAGE tab) and click on the CANVAS section within the Properties Panel on the right side of your screen. Here you can choose to set the Sticky drop down menu to None, Top, Bottom, Top on Scroll and Bottom on Scroll.

None – canvas will scroll with the rest of the page.

Top – canvas will remain “sticky” at the top of the browser window while the user scrolls the page.

Bottom – canvas will remain “sticky” at the bottom of the browser window while the user scrolls the page.

Top on Scroll – canvas will appear at the top of the browser window when the user scrolls the page.

Bottom on Scroll – canvas will appear at the bottom of the browser window when the user scrolls the page.

Offset allows you to space the canvas off of the top or bottom an amount.  This is helpful if you have multiple canvases that stack at the top or bottom and need to be offset from each other.

icon-link

Scroll Links Under

Screenshot_032816_023406_PMIf you are creating a menu that is sticky to the “Top” or “Top on Scroll”, there is also an option to Scroll Links Under.  When this box is checked, the top of the browser is calculated to be below this canvas for canvas links.  This is useful for a header bar that would cover up part of a canvas if it scrolled all the way to the top of the browser when a link was clicked, instead you may want that canvas to be positioned just below that header canvas and checking this box would make this happen.  If multiple canvases are stuck to the top, the location for links to go to will be the greatest of the offset plus canvas height of the canvases that have this box checked.

Learn more about Showit 5

Get Help for Showit Desktop

Showit 5 is a completely reinvented drag-and-drop web design app for the modern world. If you need help with Showit Desktop, check out the Showit Desktop support page.