Seach box keeps wrapping

[rongreen]

I have a search box in a layoutgrid in the masterpage just above the banner. In WYSIWIG on all pages everything looks great until I go to preview it. In the preview the index page looks good, but for all others the search button wraps below and the searchox and the latter stretches the width of the viewport. Also, the search buttong encroaches into the banner. Any suggestions on what I need to adjust or change to get consistent behavior across all pages? I have tried just about every setting I could think of including changing the type of grid object, but to no avail. Thank you!


https://www.greensphotoimages.com/alljoyjewelry.zip
https://www.greensphotoimages.com/home page search position ok.jpg
https://www.greensphotoimages.com/example of other pages search position not ok.jpg

[BaconFries]

The url to the images do not work. When showing images in the forum the url must be valid no spaces within it.
Example of how to name correctly
https://www.greensphotoimages.com/thisimageok.jpg
https://www.greensphotoimages.com/thisimageisnot.jpg

To stop the search button moving or dropping down below the search input in a grid you should set the editbox full width property to "false" this will stop it using the full width of that container. Alternatively you could use a nested grid so to be able to align both the editbox and button with each other

To make sure the search field and button stay on the same row, you will have to resize the search field in each breakpoint, so the button does not wrap to the next row.

Please see the following on naming files and the related topic at bottom.
How do I name my pages, images and other files?

[rongreen]

Does this help?

https://www.greensphotoimages.com/otherpages_ searchposition_ not_ok.jpg
https://www.greensphotoimages.com/homep ... ion_ok.jpg

[rongreen]

Putting it in one container within another held with holding the position. I am hoping you can provide some futher help on how to get the results box (modal) to be responsive? When I starting reducing the viewport width down, especially to phone size, part of the popup window is hidden and would cause the user to have to try and move it left to right to see all the results as well as close it.

[Pablo]

The search input field and buttons are 2 separate objects. So, you will need to position them individually.
If you want them on the same row then you can either use a nested grid or flexbox.