Hi Ali,

Thanks for keeping in touch.

I am not sure I understand your query.

I see the search icons on every page opening the same. Please let me know whether I am missing something:

Thanks.

Hey Again,

Try adding an ID "search-btn" to a button element and check. 

Thanks

Please add an ID to a div above the "a" tag and check.

Thanks

@Gengler,

Please provide the page url so that i can write up the custom css for whats possible.

Thanks

Hey Again,

Try using the Same HTML code as the Header Icon like below.

<li id="search-btn"><div><a href="#searchbox" class=""><span class="icon-salient-search" aria-hidden="true"></span><span class="screen-reader-text">search</span></a></div> </li>4

Thanks 

@Gengler ,

Please create a new ticket so we can login and check on this.

Thanks

Also add the "#searchbox" to the "href" and not ID : 

Click on Image to View Larger

Thanks 

Hey Again,

An Additional JS code would also have to be added to remove the class "open-search" from the div:

<script type="text/javascript">
jQuery( document ).ready(function() {
jQuery('body').on('click', '#ajax-content-wrap', function (e) {
 jQuery('#search-btn a').removeClass('open-search');
 });
});
</script>

Thanks