Community Forums › Forums › Archived Forums › Design Tips and Tricks › Enterprise Pro theme – some .js tricks not working correctly
- This topic has 9 replies, 3 voices, and was last updated 10 years, 3 months ago by Anita.
-
AuthorPosts
-
January 18, 2014 at 7:46 pm #85808jhguynnMember
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.
January 18, 2014 at 7:54 pm #85812AnitaKeymasterI 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.
Love coffee, chocolate and my Bella!
January 18, 2014 at 9:09 pm #85830jhguynnMemberAnitac: 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.
January 19, 2014 at 7:23 am #85861Sridhar KatakamParticipantI 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
January 19, 2014 at 9:45 am #85887jhguynnMemberSridhar:
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!
January 19, 2014 at 9:49 am #85890Sridhar KatakamParticipantThe 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
January 19, 2014 at 9:50 am #85892jhguynnMemberWow, what an amateurish blunder! Thanks for clearing that up so quickly.
January 20, 2014 at 6:24 am #86071AnitaKeymaster@jhguynn, can you mark this resolved if you've fixed it? Thank you.
Love coffee, chocolate and my Bella!
January 20, 2014 at 7:24 am #86085jhguynnMemberanitac: how do I mark a thread as resolved?
January 20, 2014 at 7:25 am #86086AnitaKeymasterAt the very top, you will see a drop down. Click that and select Resolved.
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.