Search Box

Need help with a different issue? Search the forums or open a new ticket.

Open a support ticket

This topic has 1 reply, 2 voices, and was last updated 12 years, 11 months ago by Fem.

2013-11-01 at 7:56 pm

Support Expired

#531

GriffinConsulting12

Participant

Topics: 2
Replies: 0
Total posts: 2
Post count: 0

how would I default the search box to stay open and not minimize or expand on click?

2013-11-01 at 11:39 pm

#532

Fem

Keymaster

Topics: 2
Replies: 5215
Total posts: 5217
Post count: 6003

Open style.css and find the following code and replace only the shown below

Find Code

#header-s4 .search-box [type="search"],
#header-s4 .search-box [type="text"] {
	background-color: #f5f5f5;
	background-image: url(images/search-icon.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border: none;
	cursor: pointer;
	height: 30px;
	width: 0;
	margin: 30px 0 0 0;
	padding: 0 0 0 30px;
	position: relative;
	border-radius:50px;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
}

#header-s4 .search-box [type="search"]:focus,
#header-s4 .search-box [type="text"]:focus {
	background-color: #fff;
	border: 1px solid #dddddd;
	cursor: text;
	outline: 0;
	width: 230px;
}

Replace Code

#header-s4 .search-box [type="search"],
#header-s4 .search-box [type="text"] {
	background-color: #f5f5f5;
	background-image: url(images/search-icon.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border: none;
	cursor: pointer;
	height: 30px;
	width: 230px;
	margin: 30px 0 0 0;
	padding: 0 0 0 30px;
	position: relative;
	border-radius:50px;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
}

#header-s4 .search-box [type="search"]:focus,
#header-s4 .search-box [type="text"]:focus {
	background-color: #fff;
	border: 1px solid #dddddd;
	cursor: text;
	outline: 0;
}

You must be logged in to reply to this topic.