Using headers and footers

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
Magical
 
 
Posts: 103
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Using headers and footers

Post by Magical » Mon Dec 18, 2017 11:09 pm

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

User avatar
Pablo
 
Posts: 16748
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using headers and footers

Post by Pablo » Tue Dec 19, 2017 7:07 am

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

User avatar
Magical
 
 
Posts: 103
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Using headers and footers

Post by Magical » Tue Dec 19, 2017 1:52 pm

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

User avatar
Pablo
 
Posts: 16748
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using headers and footers

Post by Pablo » Tue Dec 19, 2017 2:41 pm

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

informer
 
 
Posts: 119
Joined: Tue Nov 19, 2013 5:34 pm

Re: Using headers and footers

Post by informer » Mon Jan 15, 2018 4:58 pm

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.

User avatar
Pablo
 
Posts: 16748
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using headers and footers

Post by Pablo » Mon Jan 15, 2018 5:47 pm

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
 
 
Posts: 119
Joined: Tue Nov 19, 2013 5:34 pm

Re: Using headers and footers

Post by informer » Tue Jan 16, 2018 9:19 am

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?

User avatar
Pablo
 
Posts: 16748
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using headers and footers

Post by Pablo » Tue Jan 16, 2018 9:57 am

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

informer
 
 
Posts: 119
Joined: Tue Nov 19, 2013 5:34 pm

Re: Using headers and footers

Post by informer » Tue Jan 16, 2018 11:57 am

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

User avatar
Pablo
 
Posts: 16748
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using headers and footers

Post by Pablo » Tue Jan 16, 2018 12:29 pm

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
 
 
Posts: 119
Joined: Tue Nov 19, 2013 5:34 pm

Re: Using headers and footers

Post by informer » Tue Jan 16, 2018 12:48 pm

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.

Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests