Sticky header etc

Stagtis
Explorer
65 0 13

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

Replies 8 (8)

Hardik2903
Explorer
55 6 7

@Stagtis What kind of laggy issue you are facing?

Stagtis
Explorer
65 0 13

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

LuffyOnePiece
Shopify Partner
543 80 98

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.

LuffyOnePiece_0-1713178254503.png

 

 

Let me know if you need any assistance.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Stagtis
Explorer
65 0 13

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

PageFly-Amelia
Shopify Partner
346 105 150

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Stagtis
Explorer
65 0 13

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
Explorer
65 0 13

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

Stagtis
Explorer
65 0 13

sticky*