I have been using Zurb’s Foundation framework for a while now, and it seems like every time I create a WordPress theme out of it, I run into issues with the mobile top bar menu breaking.
It turns out the issue has to do with the fact that Zurb doesn’t like the version of jQuery that ships with WordPress. To fix the problem, two steps need to happen:
- Fix the jQuery noConflict issues with foundation.min.js.
- Load a different version of jQuery as outlined below.
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js');
wp_enqueue_script('jquery');
More detailed instructions can be found here. I hope this saves you some headache!
More posts from themightymo.com
My WordPress Maintenance Process
A few quick things: My WordPress Maintenance Process Demo, Part 1 Transcript: You’ll see immediately after logging in, you see the 11 updates needed as well as some messages. I’m just gonna quickly read. It looks like this. I don’t need to worry about. Are you enjoying Monster Insights? Not really <laugh>. What’s to enjoy…
How to style FacetWP checkbox hierarchy results using jQuery
I recently invested many hours trying to target and style a FacetWP taxonomy facet that uses hierarchy for display. It should be noted that you can use straight up CSS for some styling (and should use css wherever possible), but sometimes you need javascript to target parent elements and such. I thought I’d document the…
How to fix SpinupWP ballooning disk space issue
A site we host on Digital Ocean recently went down. It took me a lot of troubleshooting and digging before realizing that the issue was that our disk space was maxed out on Digital Ocean. The site in question needs ~20gb of space, so our 50gb server should be plenty. But alas, there it was…