Setting the position type
To change an element or section’s position, open the Inspector panel and go to the Position type dropdown. There, you can choose from Default, Sticky or Pinned.
Elements and sections are automatically set to default, which means they move in or out of the viewport as visitors scroll.
To set elements to sticky position, open the dropdown under Position type and select Sticky.
Sticky elements stick to the viewport as visitors scroll vertically through a container or section. Once visitors reach the bottom of the container or section, the elements stop sticking and scroll with their parent. Sections set to sticky stay in position at the top of the viewport as visitors scroll down.
Top offset for sticky elements
Set the distance between an element and the top of the viewport while visitors scroll by adding a Top offset.
Setting the position type to pinned
To set elements to pinned position, open the dropdown under Position type and select Pinned.
Pinned elements stay in a fixed position as visitors scroll through a site or a section that has a scroll inside.
Define where to pin
After setting an element’s position type to pinned, define where to pin it from the Pin to dropdown. The options that appear depend on the element hierarchy. The possible options to pin to are:
Container: Make the element visible as visitors scroll horizontally or vertically through a specific container.
Section: Make the element visible as visitors scroll horizontally or vertically through the specific section.
Page: Make the element visible as visitors scroll up and down the page.
EXPLORE MORE TUTORIALS
Was this lesson helpful?
Thank you for your feedback!