Yoast SEO breaks Elementor page editor

@seattlebryan

We’re sorry you’re having trouble with Yoast SEO breaking Elementor pgae. I imagine this can be frustrating for you. We’d like to look a closer look.

We would like some more information.
– Are any JavaScript errors appearing?
– Does the issue resolve if you clear your cache and cookies?
– Does the issue resolve if you use a different browser such as Chrome or FireFox?
– Also, can you make sure you are using the latest WordPress version 5.8.2, Yoast SEO 17.6 and latest Elementor version? If not, can you it update and retry?

In addition if issue remains, please provide us with screenshots that highlight the issue you are experiencing. You can use any image sharing service like https://pasteboard.co/, https://snag.gy/, https://imgur.com/, https://snipboard.io/, or even upload the screenshot to your own website. Once you upload it an image sharing service, please share the link to the image here.

Hello @suascat_wp , thanks for the reply and assistance. I’m linking to 4 screen captures below. You can see how the page is cut off at the top and the odd block at the bottom of the page. The issues happens in both Chrome and FireFox. Clearing cache and cookies does not resolve the issue. Disabling the Yoast SEO plugin removes these problems and the page appears and functions normally. I am running WP 5.8.2, Yoast SEO 17.6, and Elementor 3.4.8 and Elementor Pro 3.5.1. There is one error in the console that I’m unsure of its cause (have been trouble shooting but it appears to be a common error). Any help is appreciated!

https://www.614designs.com/images/temp/1.png
https://www.614designs.com/images/temp/2.png
https://www.614designs.com/images/temp/3.png
https://www.614designs.com/images/temp/4.png

• This reply was modified 3 years ago by seattlebryan.
• This reply was modified 3 years ago by seattlebryan.

@seattlebryan

Thanks for the additional information about the issue. To narrow down out if Yoast SEO is actually interfering with Elementor, we would like you to perform a conflict check.

Often, we see problems occur in combination with another plugin or theme. The fastest way to rule out any conflict, is to deactivate all non-Yoast plugins and switch to a standard theme like Twenty Twenty.

Please test this on your development or staging site, if you have one. If not, we recommend using the Health Check & Troubleshooting plugin. This plugin has a troubleshooting mode, which does not affect normal visitors to your site.

If you’re unfamiliar with checking for conflicts, we’d like to point you to a step-by-step guide that will walk you through the process: How to check for plugin conflicts

@suascat_wp

I deactivated all plugins except Elementor and Elementor Pro – the problem still exists.

Switching to a standard theme is not an option because I can’t effectively test the problem I’m experiencing on a non-Elementor theme page.

I’ve been using Elementor and Yoast SEO together for quite a long time without any issues. The problem began when I updated Elementor and Elementor Pro. I think I updated Yoast SEO at the same time, but I can’t remember for sure. I’ve learned to check my website as I enable each plugin after updating. No problems until I got to Yoast SEO, which was the last one on the page. That said, I’m not saying it’s not a conflict with another plugin but I’m confident that I’ve tried all combinations of plugins to eliminate this possibility. It seems that everything points to Elementor and Yoast SEO conflicting.

I like Yoast SEO and appreciate the product and support. If my situation is isolated, there isn’t much sense in you spending your time and resources on it. It would be easier for me to simply move to another SEO solution. Let me know. Thanks for understanding.

@seattlebryan

Based on the screenshots you provided previously, that seems to be the notification with the integration for Elementor and Yoast SEO. Could you click on the ‘got it’ part and it should dismiss the notification.

You should then be able to access the Yoast SEO section within the Elementor editor – https://yoast.com/help/how-to-use-yoast-seo-in-elementor/

@mikes41720 That was the problem. I clicked on the “got it” and the “notification” went away the page shifted down to reveal the top part of the page that was previously cut off.

I genuinely appreciate the support. I hope you will consider this constructive feedback – I’m a smart guy but because that “notification” was poorly designed and implemented from a UI standpoint (shifted my page up causing the top to be cut off, no scrollbars or borders on the “notification”), I totally missed the obvious. Perhaps another way of implementing this could be considered.

Thanks again. Consider this resolved!