search with template fhs-simple-2019 on a smartphone
Posted: Mon Mar 08, 2021 1:05 pm
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>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);
}