I have a container in a Service Portal page that holds the Search widget only. I also uploaded an image and set it as the background for that same container. Everything looks fine on a laptop screen, except for a weird grey strip at the bottom of the screen...as if the content isn't tall enough:
On a related issue, when I shrink the screen size to see how it looks, the container with the background image and search widget completely disappears:
Does anyone know why this is happening? How can I fix it? thanks!
Hi David,
I think the culprit is the Parent class = hidden-xs on that container. What that does in bootstrap is when the widget get's below ~768px the element is hidden. It's a way to keep the page responsive, so I would be careful removing it, but you should be able to remove that Parent class and have the container no longer disappear.
It looks like there is nothing inside it when you make the screen smaller because the search box that shows up with the smaller screen is actually a different search element. I think what you'd want to do is find the class that's causing the larger search box to be hidden and remove it, then get rid of the search box that shows up when the screen gets smaller.
