Trouble with moving mobile navbar dropdown

Hi my site is . I’ve moved the “burger” on the mobile version of the site to the right but when I click on it the drop down covers up the “burger” as in this picture. I’m having trouble using css to move this dropdown below the “burger” can someone else?

Also when I scroll down the site the buttons dropdown becomes narrower for some reason as in this picture which is probably a problem with my current css but not sure how to fix it.

Please help thanks.

Hello there,

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

    @media only screen and (max-width: 767px) {
      #mainnav-mobi {
        top: 35px;