“Fixed to Top on Scroll” Menus: Customization

Xtreme Version 3 added two ways to fix Menus at the top of the page.
A simple Fixed to Top that fixes the menu there all the time.
A Fixed to Top on Scroll, that will fix the menu when you scroll the page and the menu reaches the top of the browser.
 
This Tutorial explains how to create different animated transitions when the menu gets fixed, as well as how to not fix it on mobile devices.