How to have this search bar in sydney pro

I am really need this search bar (picture below) for my website.

Note : This search bar is belong to greatmag pro.

Is there any way that I can get this search bar for my template (sydney pro)?

my website : www.thursday-evening.com

Hello there,

I wrote an answer to your other topic that seems to be relating to this one. Do you still need a reply to this topic?

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

1 Like

I think I need the solution for this topic.

any way, I will delete that topic.

May I know how to do this search bar in sydney pro?

Hello there,

Try update your additional CSS code that applied for the additional search box with this:

.top-search-menu {
  padding-left: 0;
}

.top-search-menu .search-submit{
  display: none;
}

.top-search-menu label{
  position: relative;
}

.top-search-menu label:before{
  font-family: FontAwesome;
  content: '\f002';
  display: inline-block;
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
}

.top-search-menu .search-field{
  height: 26px;
  padding: 15px 5px 15px 5px;
  font-weight: normal;
}

.top-search-menu label:before{
 color: #fff;
}

li.top-search-menu {
	 position: relative;
	 max-width: 20px;
}
 li.top-search-menu label {
	 position: absolute;
	 top: -3px;
	 left: 0;
}
 li.top-search-menu label:before {
	 color: #fff !important;
}
 li.top-search-menu.input-expanded {
	 display: block;
}
 li.top-search-menu.input-expanded form input.search-field {
	 display: block;
}
 li.top-search-menu form {
	 width: 200px;
	 position: absolute;
	 top: 0;
}
 li.top-search-menu form input.search-field {
	 margin-top: 34px;
	 display: none;
}

I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Not working,
Nothing change.

It’s still not working.