Sticky Header & Announcment Bar

[wh31_wh1222]

Hi guys 🙂

what code do I have to implement to have sticky header & announcment bar?
Thanks a lot 

Kind regards 

Wassim

[BSS-TekLabs · Accepted solution]

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[BSS-TekLabs · Accepted solution]

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[wh31_wh1222]

https://f20da5-54.myshopify.com/

[BSS-TekLabs · Accepted solution]

- Here is the solution for you
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.section-header.shopify-section-group-header-group {
    position: sticky !important;
    top: 38px !important;
}
.announcement-bar-section {
    position: sticky !important;
    top: 0px !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[wh31_wh1222]

thank you very much