Not mobile responsive

Hi all,

I’m currently working on this website and have run into some issues!

https://blogwithrosie.com/

Although the Primer theme is meant to be responsive, the header image is being cut when viewed on mobile.

As well as this, the testimonials page and portfolio page images and headings do not arrange one beneath the other on mobile but seem to be in pairs (2 headings then 2 images). I have been using Beaver Builder to help with the layout.

I would also like to add a CTA button above the navigation bar on the header image for a future freebie PDF giveaway, I’ve tried a couple of widgets for this but they just seem to give me text and not a button. Any ideas?

Would really appreciate any help that you could throw my way!

The page I need help with: [log in to see the link]