Replies posted by Matt_Hickman

7 Replies

Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

I usually add this javascript found on this documentation: https://documentation.unbounce.com/hc/en-us/articles/360022719471-Adding-Smooth-Scrolling-Links-and-Buttons-for-Anchor-Links

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

I usually set the box opacity to 90 and the original section it starts in would be the same color as the box itself. That way it looks normal and colored when it’s at the top, but when I scroll you can see through it a bit. I’m sure there’s a more technical way to do it and make it prettier but this is how I’ve worked it out easily.

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

Hi! I had to add the jQuery (1.4.2) script in the Head: Also, make sure your Box ID in the script starts with the # symbol. I noticed when I copy and paste that ID it doesn’t have the symbol so I had to put that in myself: Did any of this help?

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

I’ve had that same issue before too. I can’t remember what I did to fix it exactly though. Starting from scratch may help by just rebuilding the whole section, starting with the box first.

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

You’re welcome!

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

Yeah I can try! First thing I had to do is install a jQuery tag in the Head and named it jQuery (1.4.2): It looks like this: Then I put the box in the top section that will be the sticky header. Then I copy the box’s ID: Finally, we’ll put in our sticky header Javascript: I hope this helps!

156
K_G
Unbouncer
1 year ago
Johnny_Opao
Johnny_OpaoFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Creating a Fixed Header/Footer (aka Sticky Header)

Hey everyone! It’s not working for me and the jQuery checkbox has been removed. I’ve double checked and made sure the tag is in the Before Body End and I’ve updated the boxToAppend. Any ideas? Here’s the page: http://begin.fightingforyou.com/auto-accident/

156
K_G
Unbouncer
1 year ago

Badge winners

Show all badges
Terms & ConditionsCookie settings