Hi,
You are welcome!
From what I can see the search box is embedded within the wrong element. It’s inside the
[code]<div class="fusion-logo">…[/code]
which is set to a maximum width of 150 pixels on mobile screens, which is causing the “shift” and the small input.
I believe you should rather try placing exactly after that element and try the following additional custom css to give it the correct behavior:
[html]#ajaxsearchpro1_1 {
display: inline-block !important;
max-width: 400px !important;
}[/html]
This will make sure that the search container nicely “jumps” next to the logo on bigger screens, but not exceed a certain width ( in this case 400 pixels) . At the same time the line breaks on the mobile screens and the search gets displayed below the logo nicely.
I didn’t try this yet, but I hope it will help.