Hello,

I am using below script for the sticky bar - I have it for the #lp-pom-box-907 (which is the sticky header) - the header is transparent and within the #lp-pom-box-907, I have a button which is visible and should be an anchor to a box that is almost at the bottom of the page. Using the JS and setup from this article: https://documentation.unbounce.com/hc/en-us/articles/360022719471 I was not able to get it working, so does that have to do something with the JS for the sticky bar?

Here is JS I am using for the sticky bar:

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

/**

* Do not remove this section; it allows our team to troubleshoot and track feature adoption.

* TS:0002-13-013

*/

//Replace ID below with your own box ID

var boxToAppend = ‘#lp-pom-box-907’;

//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);

Thank you!