Fixed Header (Template #6 )

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fixed Header (Template #6 )

Post by Pablo »

1.
'JQUERY' should be '$JQUERY$'

2.

Code: Select all

$("#Layer2").affix({offset:{top: $("Layer2").offset().top}});
should be

Code: Select all

$("#Layer2").affix({offset:{top: $("#Layer2").offset().top}});
3.
The layers are not set to floating.
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

yes, but that's not what we're playing around..
pls check http://www.wysiwygwebbuilder.com/suppor ... asic6.html to get exactly what i need to do.

Thank you Psycho for your help..
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Pablo wrote: Fri Jan 11, 2019 10:29 am 1.
'JQUERY' should be '$JQUERY$'

2.

Code: Select all

$("#Layer2").affix({offset:{top: $("Layer2").offset().top}});
should be

Code: Select all

$("#Layer2").affix({offset:{top: $("#Layer2").offset().top}});
3.
The layers are not set to floating.
Excellent Pablo,
It works that way. but there is a blank space in the header of the page. it looks like the same size of layer1.
so how we can fix this!

http://demo1.getsitesolutions.com/demo2.zip
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fixed Header (Template #6 )

Post by Pablo »

Please set all layers to floating...
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Aha got you. you mean the layer mode under location and size not the position children.
yes yes it works perfect now. Thank you very much Pablo..

Here's the final demo project for those who are interested about this trick.. :wink:

http://demo1.getsitesolutions.com/demo3.zip
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Pable,

It doesn't work for me using a master page!
Am i missing for something or this is a bug!


http://demo1.getsitesolutions.com/project1.rar
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Fixed Header (Template #6 )

Post by BaconFries »

Link url invalid but I have rectified this. Note probably best to make it a zip rather than rar.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fixed Header (Template #6 )

Post by Pablo »

Please use standard zip format.
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Thanks guys for the quick response.
here is the file again


Demo1.getsitesolutions.com/project1.zip
Last edited by Williams on Fri Feb 15, 2019 1:18 pm, edited 2 times in total.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Fixed Header (Template #6 )

Post by BaconFries »

Please always provide the full url including the https:// or http://
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

please copy and past the file into your browser..
it works fine with me

http://demo1.getsitesolutions.com/project1.zip
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fixed Header (Template #6 )

Post by Pablo »

Your example works.
However, the layer with the image (Layer3) is on top of the affixed layer.
So, you will need to add a z-index to the affixed layer.

Also, if you are using floating layers then the content place holder should also be floating.
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Could you clarify more pls what you exactly mean with
So, you will need to add a z-index to the affixed layer.
i have changed the content place holder to be floating, and the image of index as well. however the same result still exists

it works fine in the master page. but doesn't work in the homepage!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fixed Header (Template #6 )

Post by Pablo »

it works fine in the master page. but doesn't work in the homepage!!
It does work. However, the affixed layer is behind the image!
Could you clarify more pls what you exactly mean with
For example:

Code: Select all

#Layer2.affix
{
    z-index: 9990 !important;
}
User avatar
Williams
 
 
Posts: 102
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Fixed Header (Template #6 )

Post by Williams »

Thank you pablo for your kind support..

maybe that's strange!! but that's what happened and it works fine for now... i have changed content place holder to expand overflow and and set the layer2 to front.. That's all :D

Here's the project if anyone is interested..

Demo1.getsitesolutions.com/home.zip

Pls let me know if you have any comments.. and thank you again for your efforts..
Post Reply