Move images in header/top position when mobile

Hello There,

I'm struggling with postioning some images in the header/top part of the template.

What I would like to do : when viewing the site (for now, local site on my pc, but more or less previous version can be found online at www.ji-consult.be/sleepwellmob ) on a normal pc, there is a 'book now' button, in the upper right corner (more or less).

When viewing this in 'mobile mode', this button, lays over another part of the logo image.

How can I fix that (see attached screenshot), this button, moves to (only in 'mobile viewing') position 1 or postion 2? Is it possible?

Tnx in advance !!

Hello,

Try adding this in CSS file:

Thanks,
Milos