Is a css issue
From stylesheet.css if you search this code (should be line 551)
Code: Select all
@media(min-width: 992px){
#search > button i {
color: #999999;
}
And change this code
Code: Select all
.search-container > i{
display: none;
}
in to
Code: Select all
.search-container > i{
/*display: none;*/
}
Search will show
Or you can delete/comment entire code and check if is ok
Code: Select all
@media(min-width: 992px){
#search > button i {
color: #999999;
}
.search-container{
margin-top: -12px;
}
.search-container > i{
display: none;
}
#search{
width: 250px;
background: none;
border: 2px solid #e7e4dd;
border-radius: 20px;
}
#search > button{
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: 25px;
position: absolute;
top: 10px;
right: 15px;
line-height: 1;
color: #fff;
background: none !important;
z-index: 2;
}
}
Then you can replace this code
Code: Select all
.search-container{
float: right;
position: relative;
z-index: 113;
margin-right: 30px;
}
with this one
Code: Select all
.search-container{
float: right;
position: relative;
z-index: 113;
border-right: 1px solid #777777;
padding-right: 10px;
margin-right: 10px;
}