I need help with the header to have transition effect removed

Technical Q&A
1

I need help with the header to have transition effect removed. I only need the header to be fixed and not to wobble when scrolling up. I need a bit of help on javascript.

Site: https://butterflight-boutique.myshopify.com/

pass: home

2

Did you fix this? I don’t see the wobble

3

@IonStorm not yet, I just need to have that bouncing effect on the header removed. Please help.

4

This question has already been addressed here.

5

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
    body{
    padding: 0px !important;
    }
    .site-header__wrapper {
    transition: none !important;
    transform: none !important;
    }