I placed the search box widget on out home page and it appears correctly on desktop and tablet mode but on mobile the height of the box stretches to almost full height of the screen. I don’t see a way to control the height of the search box, other than min height field. However in Editor X the search box looks fine. See screenshot. Any suggestions?
It seems the screenshot is not available. May you please re-attach and if possible one where the inspector is open when selecting the search element. Additionally if you can take a screenshot of the Layers panel with element select too.
Sorry. One screenshot is from my iphone11. you can see the large gray area is the search box. The other screenshot is from Editor X. it looks fine.
Click on the search tool item, open the inspector and then make sure it is not occupying more than one row on the GRID.
It’s inside a Layouter so I don’t see that Gridd Area selection. It is only happening in Safari.
It may be in a container. Find where it is nested, I bet the container has expanded to multiple rows in the mobile layout.
I fixed it. It was inside a Layouter Section and “Stacked” with other content. I added another Layouter into that stacked section and moved just the search box into that Layouter. Now it works in Safari. Thanks!!
Great!