Mobile view of header

[GeorgiaG]

I have the logo, a donation button, and a toggle for SuperFly menu. I am trying to have the button for donations move on mobile so that the SuperFly button does not overlap it. Can you give me an idea where I am messing up? I have one menu style with a header image and one menu without a header image but otherwise, they are the same.
https://staging.sowinteraction.com/preview/ to gain access behind the blockade
https://staging.sowinteraction.com/ (with image)
https://staging.sowinteraction.com/about-kiddo/meet-our-executive-director/ (without image)

[ruenel]

Hello There,

Thanks for writing in! SuperFly menu is the one overlapping the donate button. You may need to move the SuperFly Menu in smaller screens. Perhaps you can make use of this code:

@media(max-width: 767px){
    .sfm-navicon-button {
        right: 10% !important;
        top: 60px;
    }
}

Hope this helps. Please let us know how it goes.