Editor X: Pinning Elements and Sections
2 min read
Editor X is transitioning to Wix Studio, our new platform for agencies and freelancers.Learn more about Wix Studio
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:
- Select the element you want to pin.
- Click the Inspector icon
at the top right. - Click the drop-down under Position type and select Pinned.
- 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.
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, global sections can be pinned if they border the page everywhere they're used.
To pin a section:
- Select the section you want to pin.
- Click the Inspector icon at the top right.
- Click the drop-down under Position type and select Pinned.
By default, a pinned section overlaps the section below it.
Did this help?
|