Enterprise Pro theme – some .js tricks not working correctly

[jhguynn]

I'm using the Enterprise Pro theme, and I'm trying to apply Sridhar Katakam's tutorials for the following topics, and my prefered method for both involved adding code to functions.php and using javascript (and perhaps some css):

sticky primary nav: http://sridharkatakam.com/how-to-set-up-sticky-header-or-navigation-in-genesis/
clear search form input box text on focus: http://sridharkatakam.com/make-search-form-input-box-text-go-away-focus-genesis/

I'm proficient enough at coding, so for the purposes of this question, let's assume I followed the instructions correctly. For some reason, I can't get either method which employs .js to work, whereas I can get the 'clear search box text' to work using css only.

Am I missing something here? I'd appreciate if someone could take a look at applying these methods (which use javascript) to Enterprise Pro and letting me know if there's a trick I need to know.

Many thanks!

PS: working localhost, so I can't supply a link.

[AnitaC]

I would suggest that since you are using Sridhar's instructions that you should contact him about what he's done and how his coding logic works.

---

Need help with customization or troubleshooting? Reach out to me.

[jhguynn]

Anitac: I checked his website's contact from, and it suggests he mainly has time for paid support, i.e. that he may not get back to me. Since other's here use his tutorials, and since Sridhar also checks in here, I thought I'd post my question here. My question stands, especially with respect to the Enterprise Pro theme. Thanks.

[Sridhar Katakam]

I implemented the steps to make Primary nav sticky per my above linked article in Enterprise Pro and it is working fine.

Ditto w.r.t js method to clear search form input field text.

http://www.youtube.com/watch?v=zHRRD5_CD-s

---

Genesis Tutorials | Follow me on Twitter

[jhguynn]

Sridhar:

Thanks for your quick response. Here's a short video (<2 min) of me showing where I put the code according to your instructions. Perhaps you can tell from this whether or not I'm doing something wrong:

Short Video - code insertion for sticky nav / clear search form box text

Video direct link: http://ums-media.s3.amazonaws.com/Studiopress/enterprise-pro-sticky-nav-clear-search-form-text.mp4

Thanks for your help!

[Sridhar Katakam]

The issue is the placement of .js files. They should be kept in /js folder under the child theme.

Ex.:

wp-content/themes/enterprise-pro/js/sticky-nav.js

wp-content/themes/enterprise-pro/js/clear-search-form.js

---

Genesis Tutorials | Follow me on Twitter

[jhguynn]

Wow, what an amateurish blunder! Thanks for clearing that up so quickly.

[AnitaC]

@jhguynn, can you mark this resolved if you've fixed it? Thank you.

---

Need help with customization or troubleshooting? Reach out to me.

[jhguynn]

anitac: how do I mark a thread as resolved?

[AnitaC]

At the very top, you will see a drop down. Click that and select Resolved.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts