search with template fhs-simple-2019 on a smartphone

[roze]

is it possible to make a <search-bar> in the version of the template fhs-smple-2019 as seen on a smartphone?

[frase]

is it possible to make a <search-bar> in the version of the template fhs-smple-2019 as seen on a smartphone?

You could move the search bar to the header.
In template.htm move line 62 to line 53:

Code: Select all

...
<div id="search1"><?=searchbox();?></div>
</header>

Then in stylesheet.css change lines from 392 to 415 like this:

Code: Select all

/*** search ***/
#search1 {
	position: absolute;
	bottom: .5em;
	right: calc(32px + 3em);
	font-size: .9em;
}
#searchbox input[name="search"] {
	margin: 0;
	padding: .25em .5em !important;
	/* [disabled]width: 75%; */
	border-color: #f60;
	border-right: 0;
	float: left;
	color: #333;
}
#searchbox input[type="submit"] {
	margin: 0;
	padding: .25em .5em !important;
	/* [disabled]width: 25%; */
	border-color: #f60;
	background: #f60;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

Then the search bar should always be visible.

[roze]

SUPER!

thanx