Content Area Modal Not Working Properly

Support
#1

I have a site: https://ottosenlaw.com that has a content area modal on the home page and Who We Are page. You can see an example of this on the homepage at the bottom where the maps buttons are. The map is supposed to pop out. On the Who We Are it is the button below each person.

#2

Hi @bsquareweb,

Thank you for reaching out to us. I tested the content area modal element in my local setup and it works fine with the latest version of Pro. There might be a conflict which is preventing the modal to work. Please check for the following first:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/docs/version-compatibility. Please follow the best practices when updating your theme and plugins. See https://theme.co/docs/product-updates for more details.

  2. If you’re using a caching plugin, clear all caches including browser cache then deactivate your caching plugin and other optimization plugins. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  3. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  4. Remove custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup first).

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Best of luck!

#3

Hello @bsquareweb,

Please edit your homepage and Who We Are page. Make sure that your custom html codes were valid and correct. Please do not leave unclosed html tags or any orphaned tags. Like in your homepage, you have inserted this:

Municipal &</br>Local Government

<object data="https://ottosenlaw.azureedge.net/wp-content/uploads/2020/02/WEBSITE-ANNOUNCEMENT.pdf#view=Fit" type="application/pdf" width="100%" height="850">

where in the correct codes should be:

 Municipal &<br/>Local Government

<object data="https://ottosenlaw.azureedge.net/wp-content/uploads/2020/02/WEBSITE-ANNOUNCEMENT.pdf#view=Fit" type="application/pdf" width="100%" height="850" />

There might be other tags or extra closing tags which is causing the issue. And then since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

#4

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.