Stop "search"-Icon from moving in mobile view

Hey guys!

I am working on a page here: http://cool-o-mat.com/zentrum/cms/

If I scale the window down to mobile/handy-szie, the search icon is no longer at the white top right corner - it swaps over the menue.

How can I prevent this from happening, so that it stays where it belongs to?

Thank you very much for your support!

Hi,
it's because you added your custom code

Code: Select all

#gkTopMenu {
    display: block !important;
}

To fix it in mobile,
please use this:

Code: Select all

@media only screen and (max-width: 440px)
 {
#gkTopMenu { max-width: 270px;}
}

That did the job for the search - great.
Unfortunately the Logo at the left disappears at the handy-resolution...

Upsss, you're right. F#CK mobile.css
Let me fix it also.
@media only screen and (max-width: 444px) {
#gkTopMenu {
display: block !important;
max-width: 270px;
padding-top: 5px;
}

}


If won't help, please edit mobile.css, line ~20 and remove:
#gkTopMenu {
display: none;
}

That did the job - great!
Thank you very much!