Sticky header etc

[Stagtis]

Hi , ever since customising my header and announcement bar with CSS my sticky header and sticky add to cart from an ap is very laggy. Any ideas why and how to fix

Website: www.stagtis.com

Thanks

[Hardik2903]

@Stagtis What kind of laggy issue you are facing?

[Stagtis]

When you scroll back up the header does come up but it's very laggy

[LuffyOnePiece]

Hi @Stagtis ,

It 's seem you have disabled the sticky header and add to cart.

So I can't help you without accessing the theme.

Also the menu is hidden right now.

Let me know if you need any assistance.

Thank you

[Stagtis]

Sticky header is on, I did put CSS to hide overflow but I didn't know it did that too

[PageFly-Amelia]

Hello @Stagtis 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.ss-announcement-bar {
  position: fixed !important;
  top: 0;
  z-index: 99;
  width: 100%;
}

.header-wrapper {
    position: fixed !important;
    top: 32px;
    z-index: 99;
    width: 100%;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[Stagtis]

thanks @PageFly-Amelia but this didn't affect the laggy sticky sections of my website and made my header permanent. Do you have any other ideas to increase the smoothness of the sticky header on scroll up. thank you

[Stagtis]

the stocky header itself and other sticky sections work fine they just are very choppy

[Stagtis]

sticky*