search with template fhs-simple-2019 on a smartphone

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
roze
Posts: 270
Joined: Tue Jun 03, 2008 7:13 am
Location: NL
Contact:

search with template fhs-simple-2019 on a smartphone

Post by roze » 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?
Rob Zeijen,

Valkenswaard (NL)

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: search with template fhs-simple-2019 on a smartphone

Post by frase » Mon Mar 08, 2021 1:47 pm

roze wrote:
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>
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
Posts: 270
Joined: Tue Jun 03, 2008 7:13 am
Location: NL
Contact:

Re: search with template fhs-simple-2019 on a smartphone

Post by roze » Mon Mar 08, 2021 4:24 pm

SUPER!

thanx
Rob Zeijen,

Valkenswaard (NL)

Post Reply