Make header always visible when scrolling on Craft theme

Store Design
1

Hi!

need help on coding my header as fixed even when i scroll.

Already coded out the script that “hides” the header but nothing worked.

joanadarq_0-1670941447223.png
joanadarq_0-1670941447223.png1829×797 117 KB

link is joanadarq.com

Thanks!

2

Hello @joanadarq

It’s the GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Customize:

Screenshot at Dec 13 22-11-28.png
Screenshot at Dec 13 22-11-28.png870×144 36.4 KB

  1. On left sidebar setting header

  2. On right sidebar turn on Enable Sticky Header

Screenshot at Dec 13 22-10-55.png
Screenshot at Dec 13 22-10-55.png377×359 46.1 KB

Screenshot at Dec 13 22-13-32.png
Screenshot at Dec 13 22-13-32.png299×409 60.5 KB

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

3

I already have this checked! But, when I scroll, the header still hides