Sticky header when scrolling

How to customize your header to make it always stiky

If you want your header section to be visible when scrolling up and down, kindly check the following steps.

  1. From your Shopify admin, go to Online store.

  2. Locate the theme you want to make changes, click Action > Edit code.

  3. Find Assets > custom.css.liquid file and add the custom CSS below:

  • For Minimog version 3.5.0 and older:

.scroll-down.stuck .header__wrapper {
transform: none !important;
}
  • For Minimog version 4.0.0 and above:

.scroll-down.stuck .m-header__wrapper {
transform: none !important;
}

4. Click Save to finish.

Last updated