how to make header sticky

how to make header sticky

swawestore
Excursionist
59 0 8

I want to make my header sticky and decrease its height on my site https://swawe.store/
demo site link https://bluorng.com/

Reply 1 (1)

BSSCommerce-TA
Shopify Partner
123 24 24

@swawestore, add this css code below at the bottom of "base.css" or "theme.css" file: 

 

div#shopify-section-sections--15945048817754__announcement-bar {
    position: sticky;
    top: 0px;
    z-index: 1000;
}
.shopify-section.shopify-section-group-header-group.section-header {
    top: 25px !important;
}

 

If it works please choose my answer as solution. Thank you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


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


BSS Commerce - Full-service eCommerce Agency