I am banging my head against the wall for many hours [sic!] now however I completely fail to somehow adapt the SearchBar.
Does anybody know how to make it fluid, i.e. have it with a width of 95% on all screens desktop and mobile screens. Usually something like the following CSS helps:
box-sizing: border-box; display: block; width: 100%; max-width: 95%;
However in this case it is completely useless.
The xml for this is standard:
<row> <cell span="12"> <component type="SearchBar" class="pull-right" buttons="search"/> </cell> </row>
Moreover I get a bluish shadow when the search box is clicked on. Here I have not even been able to detect where the color comes from needless to say how to change it.
Any hint or help will be appreciated.