Issues with The Grid Plugin displaying in PRO

[kaweller]

I’m having major issues with The Grid plugin when using PRO. All plugins, themes and installs are up to date. I have deactivated all plugins and tested the grid and I still have issues.

There are no issues displaying the grid on other themes…only PRO.

Here is what it looks like (the navy blue box):

Live link here: https://airwavesinc.com/about-air-waves-apparel-printing/careers/open-positions/

On another page it doesn’t show up at all.

[rad]

Hi Kyle,

Thanks for reaching out.

I see one javascript error but probably not related to the issue, but first, please remove this from your cornerstone builder’s JS

`

` You shouldn't add embed code there, it's for javascript code only. Then, please make sure to disable your Hummingbird plugin and test it again. Else, please provide your admin login credentials in the secure note and I'll check. Switching to another theme will disable that code too, and probably the cache too. Thanks!

[kaweller]

Thanks. The script has been removed. As I stated in my previous message, I already tested with all the plugins disabled.

I did just try again and nothing has changed.

[ruenel]

Hello Kyle,

I have logged in to your site to look for the error. I could not find anywhere where you added this custom JS code. Did you remove it? If you removed it, I am still seeing it. When I checked the plugins section, WP Hummingbird is already disabled. When I open the page in a private browsing mode, I am still seeing the cache generated by the WP Hummingbird. This is weird and could be a caching issue.

Anyway, if you plan on adding the JS script back, please install “Insert Headers and Footers” plugin which you can get in the WordPress plugins section (https://wordpress.org/plugins/insert-headers-and-footers/). You will need to insert the JS code in the footer section provided by the plugin.

<!-- Global site tag (gtag.js) - Google Ads: 968260955 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-968260955"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-968260955');
</script>

<script>
  gtag('config', 'AW-968260955/t1bWCL3nzZcBENv62c0D', {
    'phone_conversion_number': '(740) 548-1200'
  });
</script>

Please let us know how it goes.

[kaweller]

Yes I removed the code. You’re probably still seeing it in the cache.

But this doesn’t address the issue with The Grid.

Any help there?

[paul.r]

Hi Kyle,

Try to use the Classic text element instead of Classic The Grid Element

Then in the classic text element, add the corresponding The Grid Shortcode

Thanks

[kaweller]

It produces the same issue, unfortunately.

I also tried it in the Content Area Element

[lely]

Hello Kyle,

Yes, I still see the issue. No more error on the console. The grids on the fly styles and function that controls its appearance is not working. Since this is live, would you mind setting up an exact copy of the site on a staging environment? This will give us freedom to do more test. This guide might help. Also, please make sure that caching and minify option is disabled on staging. Then do share credentials again, wordpress and ftp inside a secure note. Thanks.