Sticky Header & Announcment Bar

Solved

Sticky Header & Announcment Bar

wh31_wh1222
Excursionist
26 0 4

Hi guys 🙂

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

 

Kind regards 

Wassim

Accepted Solutions (2)

BSS-TekLabs
Shopify Expert
452 145 158

This is an 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSS-TekLabs
Shopify Expert
452 145 158

This is an accepted solution.

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

step.png


- 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:

BSSTekLabs_0-1719217698289.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Expert
452 145 158

This is an 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
wh31_wh1222
Excursionist
26 0 4
BSS-TekLabs
Shopify Expert
452 145 158

This is an accepted solution.

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

step.png


- 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:

BSSTekLabs_0-1719217698289.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
wh31_wh1222
Excursionist
26 0 4

thank you very much