Sticky Header does not work on gempage sites

Shopify Discussion
1

For my Gempage Sites, the Sticky Header does not work anymore :confused: My Homepage is drezz.de. Can yall help me? @GemPages

2

HI @kasch

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

[data-section-type=“header”] {

position: fixed;

z-index: 1;

width: 100%;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Thx for the quick support. Sadly, the code didn’t do it

4

@kasch

You can try again with this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyVictor_0-1679139849445.png
PageFlyVictor_0-1679139849445.png1365×651 47.6 KB

[data-section-type="header"] { position: fixed; z-index: 1; width: 100%; }

Hope that my solution works for you.

Best regards,

Victor | PageFly

5

If I type the code in Chrome, it works totally fine. But if I add it in the Theme-Code it does not appear on the element when I refresh

Unbenannt.PNG
Unbenannt.PNG1915×496 109 KB

. Why could that be the case?

6

I got it to work, thx for the support!!