how to make header sticky

how to make header sticky

59 0 8

I want to make my header sticky and decrease its height on my site
demo site link

Reply 1 (1)

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

BSS Commerce - Full-service eCommerce Agency