Editor X: Pinning Elements and Sections

Want to make sure visitors aren't missing important information? Using the Pinned Position setting, you can lock your elements and sections into place. This means they're always accessible to visitors as they scroll up and down.

In this article, learn how to:


Pinning Elements

Pin elements to the container, section or page so they're always within reach to site visitors. This is a great tool to increase the visibility of important content as well as navigation elements like your menu. 
Note:
It's not possible to pin elements that are stretched. 

To pin an element:

  1. Select the element you want to pin.
  2. Click the Inspector icon  at the top right.
  3. Click the drop-down under Position type and select Pinned.
  4. Choose where to pin the element to using the drop-down next to Pin to:
    • Container: The element stays fixed in place, relative to its parent container. 
    • Section: The element stays fixed in place as visitors scroll up and down the section. 
    • Page: The element stays visible and fixed in place as visitors scroll up and down the entire page.
Dock your element:
To ensure it stays in place, you can dock the element both horizontally and vertically (relative to its parent). 

Pinning Sections

Pin a section to the page so it's always available to visitors as they scroll up and down. You can pin any section that borders the page like the header, footer or a vertical section that borders the left or right corners.
Note:
You can only pin a section when it borders the page on all breakpoints. Similarly, master sections can be pinned if they border the page everywhere they're used. 

To pin a section:

  1. Select the section you want to pin.
  2. Click the Inspector icon  at the top right.
  3. Click the drop-down under Position type and select Pinned.

Did this help?

|