www.wysiwygwebbuilder.com

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..

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.

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.

So, you will need to add a z-index to the affixed layer.

it works fine in the master page. but doesn't work in the homepage!!

Could you clarify more pls what you exactly mean with

#Layer2.affix
{
    z-index: 9990 !important;
}