Troubleshooting Overlapping Product/Post Grids
November 5, 2020 | Beaver Builder, Known Issues, Troubleshooting, WooCommerce, WordPress
If you are experiencing an overlapping issue on your product or post grid modules please follow these steps to resolve the issue.
Step 1 – Disable the Smush Lazy Load Feature
Navigate to the Smush Pro dashboard and click on the Lazy Load tab. You can either scroll all the way to the bottom and deactivate the Lazy Load Feature all together, or you may toggle off the archives under the “Include/Exclude” section.
Step 2 – Flush the GD cORe Cache
Flush the cache and check your grid in an incognito or private window. If you are still having overlapping issues, please continue to the next step.
Step 3 – Disable WordPress Native Lazy Load
Add the following snippet to your functions.php file.
// Disable WordPress Lazy Load
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
You will need to install the Theme Customization plugin in order to do this. Follow the information outlined here: https://styleguide.wdsgallery.com/woocommerce-snippets/
Step 4 – Flush the Cache Again
Flush the cache and check your grid in an incognito or private window. If you are still having overlapping issues, please submit a Technical Clarification for further troubleshooting.