visible search bar

[hamlik2002]

Hi,

I need to change the search bar so that it is always showing the box right next to the magnifying glass. I’ve attached a before and after photo. Its a photoshoped photo so I don’t need it to be exactly like that…

I just need a search box next to the magnifying glass with the word search written in it…

thank you 🙂

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url to check and give right exact code to you.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

This is the best I can do:

.ajax-search-wrap {
  border: 1px solid #e3e3e3;
  box-shadow: none;
  display: block;
  right: 0;
  top: 0;
  width: 200px;
}
.ajax-search-wrap:after {
  display: none;
}
#main-nav .ajax-search-wrap {
  right: 0;
}
#main-nav .ajax-search-wrap input[type="text"] {
  padding: 5px 20px;
}
.ajax-search-wrap input[type="text"] {
  height: 40px;
}
#main-nav .menu-right ul.menu > li > a.header-search-link-alt {
  display: none;
}

– Kyle

[hamlik2002]

Thanks Kyle, but that didn’t turn out the way I wanted.

I’ll just find a plugin maybe…

[Kyle – SUPPORT]

Ok no problem