Element could not render & white space

[TantraFitness]

Hello, after updating X and Cornerstone and validating the site. I went in to edit this page: https://www.tantrafitness.com/classes-workshops/aerial-classes/

And got the following message: this feature could not render due to invalid template markup. This could be due to changes introduced by a third party plugin. The front end of your site should still function normally.

See attached image.

Also, one of the issues that we had before updating, still seems to be there. On the blog page, you can’t see the list of blog posts. I re-added a blog post element before updating and those ones are showing up. But beneath that there is this big white space and you can see that as you hover your cursor over the area, there are other blog posts, you just can’t see them. https://www.tantrafitness.com/blog/

Please advice. Thank you!

[ruenel]

Hi @TantraFitness,

Thanks for writing in!

I have checked your site and I found out that there is a JS error on the page. Please have your JS code updated and use this:

(function($) {
  $('#x-nav-wrap-mobile').addClass('collapse');
})(jQuery);

And in your Aerial Classes page, you may have inserted an invalid html code. Most probably an unclosed html tag breaks the layout. Please review your code inside the text element. I am sensing a broken code right there.

And your blog page is just a normal page. If you want to display a custom blog index, you must assign a page as your post page in Settings > Reading > Front Page Displays. For more details please check this out: https://codex.wordpress.org/Creating_a_Static_Front_Page#Creating_a_Static_Front_Page

Hope this helps.

[alexander]

Hi @TantraFitness,

I wanted to add here that the “invalid template markup” message is a confirmed bug in 2.3.1. It will be fixed in 2.3.2 later today.

[TantraFitness]

Thank you for your response. For the blog post page, I don’t want it to display a custom blog index, it is okay linking to this page: https://www.tantrafitness.com/blog/
It is the white space on that page that I am wondering how to fix. Is that caused by the JS code issue that you mentioned? Where can I update the code?

I don’t see an invalid html code in the aerial class page. Hopefully the bug update fixes it!

[friech]

Hi There,

The fade in effect of your Recent Posts element seems not getting fired, you can test if this is true by turning off the Fade Effect option of your recent posts.

To try to resolve this, first please update to the latest version (X 6.3.2 and Cornerstone 3.3.2)

Updating Your Themes and Plugins

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

I notice that your site is under CloudFlare, make sure you Purge all the CloudFlare caching after update.

CloudFlare - How do I purge my cache?

If the issue persists after the update and clearing cache, please do a testing 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.

Let us know how it goes,
Cheers!

[TantraFitness]

Updated, purged and everything is working well now, thank you!

[alexander]

Great! Thanks for letting us know.