All Collections
Using Editor
Tips & Tricks
How to Create a Floating Header
How to Create a Floating Header
How to create and configure a floating header/sticky header in Editor.
Jamie Gutierrez avatar
Written by Jamie Gutierrez
Updated over a week ago

Once you create you project and are in edit mode, drop a container onto the top of the page.  Select the 'Style' tab in the top right and scroll down to the bottom to find the 'Advanced' section.  You will be adding to CSS values here.

Next, add another container that will scroll with your content.  Add the following CSS value to this container as well.

Fun Fact: If you are using a phone or tablet page type, you may need to wrap all your page content in one container.  Like so:

If you have any questions, feel free to contact Support.  

Did this answer your question?