Ok, I see what you’re trying to accomplish.
Sure you can do this… but, I urge strongly against it. See how the category drop down barely shows on your page. The cause is the initial tab has a width of 0 so the drop down inherits that width. After the page is completely shown, then the width of the tab set. Since the code for the tab and the code for the drop down do not know about each other the width for the category drop down can not be changed from 0. Now, this can be worked around, but the point I hope to make is you may come across all sorts of little things you’ll have to work around or live with. If I may suggest an alternative solution… Use the the pages as I suggest and in place of those tabs add links to those three pages. Same feel as what you have now, just accomplished with different tools.
re: User puts in a keyword to search for and it drops down with a list of the children categories under the parent they’ve already chosen.
This solution I gave a link to will be exactly what you want to split up the category list. Add these as root parent categories; “Products”, “Services” and “Rental Equipment”. Put all the relevant under each. Then do as explained in the FAQ.
So under your “Products” tab use this shortcode:
[connections category='3' enable_category_by_root_parent=true]
Under the “Services” tab use this shortcode:
[connections category='2' enable_category_by_root_parent=true]
Under the “Rental Equipment” tab use this shortcode:
[connections category='4' enable_category_by_root_parent=true]
I truly appreciate developers like you. Thanks for being awesome!
Thanks for the kinds words! If I may… If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!