Unbounce Sticky Header

 
 
<script>

 //Fixed Menu (Header or footer) v1.3.1

 //Replace ID below with your own box ID
 var boxToAppend = '#lp-pom-box-53'; (Change Id Name)

//Set to 'header' or 'footer'
var headerOrFooter = 'header';

var backgroundCSS = {
 "position": "fixed",
 "left": "0",
 "top": "0px",
 "bottom": "auto",
 "width": "100%",
 "z-index": "899"
};
var colorOverlayCSS = {
 "position": "fixed",
 "left": "0",
 "top": "0px",
 "bottom": "auto",
 "width": "100%",
 "z-index": "auto",
 "border-style": "none none none none"
};
var childrenCSS = {
 "position": "fixed",
 "left": "auto",
 "top": "0px",
 "bottom": "auto",
 "width": "100%",
 "z-index": "999",
 "border-style": "none none none none",
 "border-width": "0px",
 "background": "none"
};

if (headerOrFooter === 'footer') {
 backgroundCSS["top"] = 'auto';
 backgroundCSS["bottom"] = '0px';
 colorOverlayCSS["top"] = 'auto';
 colorOverlayCSS["bottom"] = '0px';
 childrenCSS["top"] = 'auto';
 childrenCSS["bottom"] = '0px';
}

var boxParent = $(boxToAppend).parent();
var boxClone = $(boxToAppend).clone()

boxClone.appendTo(boxParent).css(backgroundCSS).children().remove();
$(boxToAppend).css(childrenCSS);
$(boxToAppend + '-color-overlay').appendTo(boxClone).css(colorOverlayCSS);

</script>
Unbounce Sticky Header Unbounce Sticky Header Reviewed by webmission on 10:55 Rating: 5

No comments:

Powered by Blogger.