Blog

Search Icon on Menu Bar not working

ForumSearch Icon on Menu Bar not working
wereparents asked 5 years ago

There is a search icon on my menu bar that came with the theme. However when you click on it, nothing happens. How do I get this to work? If it doesn’t work, how do I remove it?

Thanks!

Website: http://www.wereparentsblog.com

18 Answers
ThaoNT answered 5 years ago

Hi wereparents!

You download, copy and replace file custom.js in resolution/js
https://drive.google.com/drive/#folders/0BzthSQv5XpQ_Y2FmZ2RQS3VZRTA

Regards,
Kopatheme Support Team.

wereparents answered 5 years ago

That links comes up blank.

ThaoNT answered 5 years ago

Hi wereparents!
I’m so sorry my friends, this is the link https://drive.google.com/file/d/0BzthSQv5XpQ_WENGUGtxaWdWajQ/view?usp=sharing

Regards,
Kopatheme Support Team

wereparents answered 5 years ago

No worries. That link works, but I’m having trouble finding the file custom.js in resolution/js

Should this be under Appearance -> Editor -> Templates ? Or somewhere else?

ThaoNT answered 5 years ago

Hi wereparents!

The resolution/js is the folder in your computer.

Regards,
Kopatheme Support Team.

wereparents answered 5 years ago

I found the file on my computer. Downloaded, copied, and replaced the custom.js file on my computer. The search icon on my site still doesn’t work.

wereparents answered 5 years ago

Any ideas? I’ve done what was told, search icon still not working

Duy Tran answered 5 years ago

Hi,
access your host via FTP client, go to wp-content > themes > resolution > js and replace custom.js here

Regards,
Kopatheme Support Team

mrsbubba answered 5 years ago

I’ve done this and now it function well on homepage but still doesn’t work on other pages… why?

wereparents answered 5 years ago

any answer why no one can get their search icon to work?

ThaoNT answered 5 years ago

Hi wereparents!

You download, copy and replace this file custom.js in your FTP, go to wp-content > themes > resolution > js

Regards,
Kopatheme Support Team

wereparents answered 5 years ago

I’ve done this. I also tried doing the front.php that you recommended in another post. Is there a way to just delete that icon off the menu bar. This is a major function of websites for it not to be able to work.

ThaoNT answered 5 years ago

Hi wereparents!

We had change the code in that link. You just try again with the custom.js. https://drive.google.com/drive/#folders/0BzthSQv5XpQ_Y2FmZ2RQS3VZRTA

If nothing still happen, you can delete that icon by copy and paste this code in “Custom Css”
.sb-search-wrapper {display: none; }

Regards,
Kopatheme Support Team

wereparents answered 5 years ago

That link doesn’t work. I get this error

The open folder can no longer be viewed.
The folder that you were viewing no longer exists or you no longer have permission to access it. You have been moved to My Drive.

mrsbubba answered 5 years ago

me too.

ThaoNT answered 5 years ago

Hi mrsbubba!

You download this and replace it in wp-content > themes > resolution > js
https://drive.google.com/file/d/0BzthSQv5XpQ_WENGUGtxaWdWajQ/view

Regards,
Kopatheme Support Team

wereparents answered 5 years ago

This still does not work!

wereparents answered 5 years ago

I’ve done all the suggestions on this and multiple threads numerous times and your coding clearly isn’t working. Unfortunately, I need a search icon and while the code you give to remove it works, it’s not functional to have a site without a search bar.

With all that said — I hope this helps someone else. This isn’t pretty (I’d love for the actual search icon to work), but I did figure this out to at least have a working search bar until I can figure out more with coding.

In WP >> Appearance >> Editor >> Templates >> Search Form (searchform.php)

I removed the current HTML and added

<form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”>
<label>
<span class=”screen-reader-text”><?php echo _x( ‘Search for:’, ‘label’ ) ?></span>
<input type=”search” class=”search-field” placeholder=”<?php echo esc_attr_x( ‘Search …’, ‘placeholder’ ) ?>” value=”<?php echo get_search_query() ?>” name=”s” title=”<?php echo esc_attr_x( ‘Search for:’, ‘label’ ) ?>” />
</label>
<input type=”submit” class=”search-submit” value=”<?php echo esc_attr_x( ‘Search’, ‘submit button’ ) ?>” />
</form>

Saved the form and now there’s a working search bar on all my pages. KOPA — I seriously hope you can figure out how to adequately get the search icon to work, because it looks more desirable, but none of your suggestions thus far have worked.

What people say?

lmoenat

This is a great and wonderfull theme, i was worried because the design look so professional but the manual make everything easy. Thanks Guys! you make a wonderfull job, KOPA Themes is my favorite!

armisha

Great theme and very professional support team that is very quick to help in anything concerning the template.

Subcribes Newsletter