Search Widget

If I delete all my Child theme CSS and deactivate all plugins I have no search-bar anymore: http://christus-gemeinde.net/test.PNG The two widgets should have searches on it…

If I use the Parent theme the search widget looks okay, but the icon is linked (other than in my version).

If I use tgh Catch Box theme without my child theme, there is a linked icon in the search widget. This icon has also a hover-effect (becomes blue, when hover on it). This icon is my version with the child theme not linked.

Hi again,

In my CSS I find:

#branding .searchform {
		padding-top: 0px;
		position: relative;
		text-align: center;
		width: 100%;
		max-width:500px;
		overflow:hidden;
	}	
	
	/* =Search Form
----------------------------------------------- */

#branding .searchform {
	position: relative;
	top: 0;
	right: 0;
	text-align: right;
}
#branding .searchform div {
	margin: 0;
}
#branding #s {
	float: left;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 85%;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 85%;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search .searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image .searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

But I have also a problem if I deltete it (as said, see here: http://christus-gemeinde.net/test.PNG)

In my functions.pho there is the following code in connection with search:

add_filter('post_limits', 'postsperpage');
function postsperpage($limits) {
	if (is_search()) {
		global $wp_query;
		$wp_query->query_vars['posts_per_page'] = 20;
	}
	return $limits;
}

But this code should not influence the search layout.

I don’t know, why I have this layout problems.

http://christus-gemeinde.net/Version-4.5.4.PNG seems to be a search like it is in the header of the Parent Catch Box Theme.

Yes, with the help of this I found the mistake in the header.php: There was “<header id=”branding” role=”banner”> two times in it. If I delete one, the search widget looks fine!! Thank ypu.

Then there is the question, whether I am able to unlink the search icon. In my actual used version it is not link. (So the search is started by pressing the enter button. I find this better than a linked search icon. Can I turn-off the linked search icon in my child theme? How?