I am using a plugin called Optima Express from ihomefinder.com. It seems to work except that certain buttons and an image carousel/slider don’t work. Here is an example page:
If you try clicking on the Schedule Showing, Request Info, or Save to Favorites button, nothing happens. If you try scrolling the image carousel/slider, it disappears after a click or two. The buttons and image carousel/slider do work if I preview a different theme, so I believe it is a jquery conflict with the Beaver Builder theme. However, I’m at a bit of a loss on how to resolve this properly.
We actually have another user using the same plugin as you are and was able to fix it by removing the bootstrap our theme is using. You can try adding this code snippet to your functions.php file(preferably on the child theme) and see if it works.
function remove_bb_bootstrap() {
wp_dequeue_script('bootstrap');
}
add_action( 'wp_enqueue_scripts','remove_bb_bootstrap',1000);
Yes this code did fix the issue! I use a plugin called “Code Snippets” to add functions without modifying the functions.php file or using child themes. I added that code and it fixed the main issue, but I also had to add the following code to CSS in order to properly align the forms that pop up.
We removed the bootstrap.js from our theme since the ihomefinder plugin was loading its own which was causing a conflict. So there is still a bootstrap.js file on your site.
There is an issue that comes up when you remove Beaver Builder’s instance of bootstrap using the snippet above.
I also use iHomeFinder.com. I was dealing with the same issue but got it resolved using the suggested fix above. However, there is a big problem in responsive mode. The “More” tab that hides the “Schools, Walk-Score, and Mortgage Calculator” tabs on any real estate listing will not display the drop-down menu so you can choose those tabs. You click on it and nothing happens. So basically on your smart phones or tablets you can’t use those tabs.
If you visit Marcel’s page, http://sandielamantia.com/homes-for-sale-details/4403-LEVIS-Lane-GODFREY-IL-62035/4403537/72/, and squeeze the browser, you’ll notice his More tab is working just fine. The problem from your end could be related to a 3rd party plugin or maybe by how you removed the bootstrap file previously. Are you using a child theme? If so, I would suggest reinstalling the parent theme, to undo all the previous changes you did, then use the snippet above and see if it works.
Yeah, my client’s site doesn’t have that problem. I didn’t do anything other than implementing the function code Ben suggested (using a Plugin called “Code Snippets”) and the CSS code from iHomeFinder’s support site. So I didn’t need to fix that issue since it never was a problem for me.
I have disabled all plugins with the exception of Beaver Builder, iHomeFinder, and code snippets (which is the one running the snippet above). Of course if I disable code snippets then, yes, it works. But then the photographs don’t work properly and aren’t responsive.
Marcel, are you using the Beaver Builder Theme? If not, then that could be the issue. Cuz if I switch to a different theme then it works. I’m wondering if it’s a theme issue and not a plugin issue. What theme are you using?
Just to answer your question to Marcel, yes, he is using the BB theme. Have you tried reinstalling the theme? It may have something to do with how you removed the bootstrap file before. But then again, I’d only recommend doing this if you have a Child Theme or if you have a backup of the site.
Sorry been out of town for the last week. I reinstalled the theme and that didn’t do anything. I then removed all custom CSS and Javascript and I discovered the issue. iHomeFinder recommends adding the following javascript to the custom code:
So glad I found this post! Just installed BB today (already had iHomefinder / Optima Express) and immediately had problems. Tried iHomefinder’s recommended fixes which were not solving it entirely.
The snippet provided by Ben and the CSS referenced by Marcel in this post worked perfectly for me!
Marcel, I see your site is having another issue that mine shares as well, which is that on the advanced search page, where you can select multiple cities (next to the view all tab)… the cities don’t fit into the search box properly. Used to work fine on mine before I changed to this theme, so seems to be another theme issue. Any advice for fixing this? CSS?
The problem is actually coming from the ihomefinder plugin. They’re setting that field to have a specific height. Try adding the CSS snippet below and see if it fixes your issue.
