Download Free

New Topic

Fixed Header and Footer

Leonardo Fox shared this question 4 years ago

Answered

Tried all possible ways to have fixed header and footer and i failed, i followed the video tutorial and it didn't work. What is the best way to achieve that? Note that i have the footer and header in a template

The same question

Best Answer

Danielle Schneider ● 7 months ago

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94

That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe

Comments (6)

Marc Fernandez ● 4 years ago

Hi Leonardo,

Is this the tutorial you were following http://www.justinmind.com/support/fix... ?

What is it exactly that you are not getting to work?

Best,

Marc

Reply URL

Tom Leach ● 10 months ago

Hi -

Could you please share the secrets for how to make this work? I've studied the example file up and down many times and have modeled my file to do the same, but my footer element continues to scroll along with the dynamic panel I've set up.

Thanks, Tom

Reply URL

Danielle Schneider ● 10 months ago

Hi Tom,

The key is using pin position options in the properties palette. Once you select an element you would like to be pinned or fixed at one part of the screen, look to the properties panel and under the position section, click 'display pin position options'. There, choose the 'x' parameter to pin the element somewhere horizontally on the screen, and the 'y' parameter to pin the element somewhere vertically on the screen. Check out the basic prototype I have attached for an example.

Best,

Danielle

Files: ResponsiveBasic...

URL

Tom Leach ● 10 months ago

Yea! I got my file to work. Thank you. My faith is restored.

URL

Danielle Schneider ● 10 months ago

Happy to help! Let us know if you have any other questions.

URL

Danielle Schneider ● 7 months ago ●

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94

That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe

Reply URL