Sticky Atom Documentation
# Sticky Atom Package contents
|jlnavsticky.yaml||Contains the Sticky Atom settings.|
|jlnavsticky.html.twig||The Twig file to pull information, settings.|
Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.
Requirements Sticky atom requires Uikit 3 for Gantry 5 Atom to be installed and enabled in your theme layout settings.
Go to Template/Theme Settings → select the Layout to add Sticky Atom particle (i.e: Home, if you want to add sticky header for whole pages, just select Base Outline) → Page Settings panel → Drag and drop the JL Nav Sticky from Atom panel to the Atom List Box.
Note This Atom requires Uikit3 for Gantry5 atom installed and actived.
We are using default Hydrogen Gantry5 theme, we want to stick the Navigation section on scroll, so the settings look like so:
Quick Tips With Gantry 5, you can define the SECTION ID by adding the g- prefix before the section name. Example with navigation section, the section id should be: g-navigation. For showcase section, the section id should be: g-showcase and so on.