Add a sticky header or footer to your AMP

NOTE: This feature is only available for some of our subscriptions. If that is the case, you will see an upgrade prompt when attempting to access it. More information about our currently available subscriptions can be found here: https://instapage.com/plans 

In order to transform the top page block into a sticky header or the bottom block into a sticky footer that stays in place when you scroll down the page, you would just need to add in this code on your page.

If you want a sticky header you will need to:

1. Create a blank Instablock right under the first one that is the same size, as the new sticky header will cover it on the live page.

2. Add this code into the HTML/CSS section on the right sidebar menu of the page, in the Head section:

If you want a sticky footer you will need to:

1. Create a blank Instablock right above the last one that is the same size, as the new sticky footer will cover it on the live page.

2. Add this code into the HTML/CSS section on the right sidebar menu of the page, in the Head section:

You can check out a live demo here: Live Example   

Here are the blocks as seen in the builder for the page above:

image of the blocks in the mobile page builder