Fixed Header issues

Hello, I am trying to adjust the top section of this page to be fixed on a scroll. I’ve looked at several other forums, but haven’t been able to find a soltution that works.

Any help would be great!

LP: https://www.try.shipbob.com/events/template/

Hi Nick, have you tried this Sticky Header script?

Hey Nicholas :slight_smile:

I have just tried that but the box remains. Can you have a look at the LP?

https://www.try.shipbob.com/events/template/

Just to confirm, is this the part you want to make sticky? See red outline:

Yup! I would ideally like this section to remain fixed on scroll, but the white box you see below it is from the test I put together based on your first reply.

Hi Nick, try it this way: https://www.loom.com/share/76b19e9492024bbaafb3995ef4741a22

Regards,

1 Like

Hey Nicholas,

Thanks for putting this video together! So I followed your recommendations, but unfortunately, it still is not working for me :frowning:

Maybe we can discuss off this forum for further help? :slight_smile:

https://www.try.shipbob.com/events/template/

Hi Nick,

I think I might see the issue. Change this line in the script:

var boxToAppend = 'lp-pom-box-659';
to
var boxToAppend = '#lp-pom-box-659';

I think it’s missing the “#” symbol.

It worked!! Fantastic. Thank you so much for the help here!!! :slight_smile:

https://www.try.shipbob.com/events/template/

Awesome, yes, it’s working and looks great! Glad that fixed it and happy to help.