Top menu hamburger acting out on mobile

Hi again,

First of all, let me say I am sooo grateful for all the help I was able to get from you guys. You guys absolutely rock.

I have a weird thing going on on mobile. On scroll, the hamburger menu moves to the right, while it rests in the right place at the top of the page.

Page is acravocats.com. Interestingly, the issue only seems to happen on the home page…

Is there any way to fix this?

Thanks again so much,
-A

Hello A,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .site-header.float-header {
        padding: 20px 0;
      }  
    }

Regards,
Kharis