[Invisible Cat]

Hello,
Thank you for this excellent free theme brother!

I would really really like to implement an ‘expanding search form/box’ in the fixed header top menu to the far right of the menu bar. I would like the search form to be a magnifying glass button that when you click on it the search box expands just below the menu or at least in a way that it doesn’t push the other menu item over.

Here is a link to my site: http://www.myinnerfire.net

I don’t understand how to:
1. Where to place coding for custom search forms that I find online that include things like (html snippets, css snippets, and java script). I need advice on how to actually implement these codes into wordpress.

2. And second, I really really want the search to appear, just as stated above, in my fixed header top menu.

I’m using catch evolution free version.

Please help!

[Pratik]

Hi @InvisibleFlame,
For that, you will need to know about WordPress Child Themes and hooks, some javascript and some css. You can follow following steps:
1. You will need to create a child theme for Catch Evolution. Its details can be found here
2. If you go through theme file, you can find a method/function named catchevolution_header_top_menu() in catch-evolution/inc/custom-header.php
* You can copy and paste this function in your child theme’s functions.php and make the modifications in this function where you can add the html/php code for the search bar.
3. Then you can hook proper styles and scripts required for it to work. More info here

This will work if you do it properly. I am afraid anything beyond this is outside the theme support scope. Further, if you are uncomfortable, please consider hiring a customizer.

Also, have you considered using another theme. Gridalicious, Catch Adaptive and Catch Flames themes do exactly this by default. You can view their demo at Gridalicious Demo, Catch Adaptive Demo and Catch Flames Demo respectively.
Other themes like Clean box and Full Frame have similar implementation. You can also view their demo at Clean Box Demo and Full Frame Demo respectively.

Hope this helps. Let me know how things work out.

[Invisible Cat]

@Pratic

Thank you for this detailed and comprehensive help! After reviewing the other theme options you’ve presented it has really opened my eyes. I wasn’t even considering all the other themes available. It’s clear to me that there are other themes I should choose instead of trying to push the current one beyond the max and giving myself grey hair in the process. Well…it’s all a learning experience! Thank you so much! 🙂

[Author]

Posts