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/
Best answer by Nicholas
View original
+4
Hi Nick, have you tried this Sticky Header script?
Hey Nicholas 🙂
I have just tried that but the box remains. Can you have a look at the LP?
+4
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.
+4
Hi Nick, try it this way: https://www.loom.com/share/76b19e9492024bbaafb3995ef4741a22
Regards,
Hey Nicholas,
Thanks for putting this video together! So I followed your recommendations, but unfortunately, it still is not working for me 😦
Maybe we can discuss off this forum for further help? 🙂
+4
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!!! 🙂
+4
Awesome, yes, it’s working and looks great! Glad that fixed it and happy to help.
No account yet? Create an account
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.