Upper right widget lays over Headline on Smartphone Displays

Hello!
I placed the wordpress search-field inside the upper right widgetcontainer. On desktop and bigger tablet-resolutions it works great, but on smartphones the search-inputfield is placed over the headline/pagetitle, which makes it impossible to read the pagetitle.

You can use any responsive-check-tool (or your smartphone) and resize the screen into smartphone size to see what I mean:
http://responsivetest.net/#u=http://www.hurghadainfo.de|1080|1920|3

I tested with iPhone 4, Huawei Ascend P7 (Android 4) and Nokia Lumia 820 (Windows Phone 8) and it’s the same problem on all three systems.

Is there a already known way to place the widget container above or below the pagetitle in order to keep it readable? I searched inside this forum but couldn’t find anything.

Thanks in advance
Sven