Fixed Header (Template #6 )

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Fixed Header (Template #6 )

Post by Williams » Fri Jan 04, 2019 11:48 pm

A very modern and attractive header i found in template 6 on this link
http://www.wysiwygwebbuilder.com/suppor ... asic6.html

And while i'm trying to figure out how this header works, i have found a custom code on the page. unfortunately this code does't work with me when i copied this code and past in a demo page with a break points. however it works good with layout grid!! Am i missing something!! And is there another way to achieve same effect like event or something in the layer options!!

What i exactly need to do is a fixed layer in any where on a page. and the same header works as a docking top when this layer become in the header of a screen while scrolling down the page. that's exactly what you'll see in template 6.

Many Thanks..

User avatar
Bluesman
 
 
Posts: 750
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Fixed Header (Template #6 )

Post by Bluesman » Sat Jan 05, 2019 12:17 am

Williams wrote:
Fri Jan 04, 2019 11:48 pm
A very modern and attractive header i found in template 6 on this link
http://www.wysiwygwebbuilder.com/suppor ... asic6.html

And while i'm trying to figure out how this header works, i have found a custom code on the page. unfortunately this code does't work with me when i copied this code and past in a demo page with a break points. however it works good with layout grid!! Am i missing something!! And is there another way to achieve same effect like event or something in the layer options!!

What i exactly need to do is a fixed layer in any where on a page. and the same header works as a docking top when this layer become in the header of a screen while scrolling down the page. that's exactly what you'll see in template 6.

Many Thanks..
This is one way:
https://www.youtube.com/watch?v=LPv7jAA ... iQ&index=9

Or this extension maybe: http://www.magnawebstudio.com/demo/reve ... /main.html
"Make My Day"

See my Website

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

Re: Fixed Header (Template #6 )

Post by Pablo » Sat Jan 05, 2019 8:01 am

If the code does not work then the ID of the objects and the script probably do not match.

In the template the ID of the layout grid is 'navigation'. If your object has a different ID then you will need to modify the code.

User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams » Sat Jan 05, 2019 1:06 pm

Thank you Blueman for your help. but actually that's not what i'm asking about..

Pablo. i already did that but it doesn't work for me. pls take a look

https://demo1.getsitesolutions.com/template6.rar

Many thanks

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

Re: Fixed Header (Template #6 )

Post by Pablo » Sat Jan 05, 2019 1:12 pm

Can you please share the file in standard zip format?


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

Re: Fixed Header (Template #6 )

Post by Pablo » Mon Jan 07, 2019 7:18 am

I'm sorry, my computer does not support RAR.
Can you please share the file in standard ZIP format?

User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams » Thu Jan 10, 2019 12:06 am


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

Re: Fixed Header (Template #6 )

Post by Pablo » Thu Jan 10, 2019 7:33 am

There are a few issues why this does not work.
- #wb_Layer2 should be #Layer2
- jQuery is not included -> add $JQUERY$ to the resources of the HTML object or include an object that uses jQuery.
- affix.js should be affix.min.js (in resources)
- The layer is not floating so affix does not work because the layer has an absolute position.

User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams » Thu Jan 10, 2019 2:52 pm

Thank Pablo for your reply,

What do you exactly mean with " jQuery is not included -> add $JQUERY$ to the resources of the HTML object or include an object that uses jQuery.

And how to change the layer to be floating!

Thank you again..

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

Re: Fixed Header (Template #6 )

Post by Pablo » Thu Jan 10, 2019 3:19 pm

The HTML code (affix) requires jQuery. On your page there are no objects that use jQuery so you will need to add it yourself.

You can set the layer mode to 'floating layer' the properties of the layer.

User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams » Thu Jan 10, 2019 10:32 pm

Pablo wrote:
Thu Jan 10, 2019 7:33 am
There are a few issues why this does not work.
- #wb_Layer2 should be #Layer2
- jQuery is not included -> add $JQUERY$ to the resources of the HTML object or include an object that uses jQuery.
- affix.js should be affix.min.js (in resources)
- The layer is not floating so affix does not work because the layer has an absolute position.
From where i can change the affix.js file to be affix.min.js!! Do you mean the Html Code!
And can i add any item under Jquery UI / Bootstrap!

Thanks again..

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

Re: Fixed Header (Template #6 )

Post by Pablo » Fri Jan 11, 2019 6:44 am

Either add an object that uses jQuery or add
$JQUERY$
to the resources list in the HTML object (above affix.min.js)

User avatar
Williams
 
 
Posts: 120
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams » Fri Jan 11, 2019 10:14 am

Does't work for me :roll:
Pls check

http://demo1.getsitesolutions.com/demo1.zip

User avatar
Psycho
 
 
Posts: 60
Joined: Wed Oct 18, 2017 1:24 pm

Re: Fixed Header (Template #6 )

Post by Psycho » Fri Jan 11, 2019 10:23 am

Have you tried setting the bottom layer via Object Properties/General and making the mode a Sticky Layer and the Delay set to 0
I have enough money to last me the rest of my life - Providing I die by next Tuesday

Post Reply