Using headers and footers

[Magical]

For responsive web designs is it better to use Layers instead of PageHeaders and PageFooters?

[Pablo]

Page Headers and Footers are layers. They are just a simplified version of layers.
Both headers/footers and layers are responsive.

[Magical]

Thanks! I asked the question because headers and footers are used in some of the templates, while layers are used in others.

[Pablo]

Page header/footers are usually easier to setup.
On the other hand, layers have more options.

[informer]

Hi,

But the page header /footer have only two stack level settings

• In front of content
• Behind content

So when I add a layout Grid after the Header, the layout Grid will be positioned on the top of the page. Is there a setting for having the layout Grid

1. after the header when the scroll-bar is on the top
2. In front of the others objects when we move the scroll-bar

To summarize, is it possible to implement a floating navigation panel with an header page as we can see in a Deejay template?

For information, in the Deejay template, the header is a layout Grid object on which it's applied CSS and JS code !

Thanks by advance for your response.

[Pablo]

But the page header /footer have only two stack level settings In front of content, Behind content

Correct, because it cannot be anywhere else! All other content is in the 'body'.

So when I add a layout Grid after the Header, the layout Grid will be positioned on the top of the page.

Layout grid are floating, so they always start at the top of the page. A Header can also be set to floating.

[informer]

Hi,

The header block proposed in the list blocks which is floating has the settings

• Mode = Fixed
• Stack level = in front of content

But the header page is always in from of others contents

If I set floating mode, the header page is effectively on the top but when I move the scroll-bar, the page header disappears from the viewport.
And I don't find any solution by adding even scroll on page header.

Does it mean that we need to add CSS and JS code as in the Deejay template?

[Pablo]

I'm sorry but it is unclear what you are trying to do.
Please be more specific.

[informer]

Hi,
Could you, please, read this post, it should be more clear, I hope !
Floating navigation Page header - Solution

[Pablo]

Why do you need custom code? The page header has built-in support for 'fixed'.
If you need an offset then you can set a margin for the first item after the header.

[informer]

Hi,

thanks a lot to respond directly on my post Floating navigation Page header - Solution in which there is now an Url to test the solution.