Support » Plugin: Yoast SEO » Yoast bar blocks/covers up text blog post text when editing

  • Resolved crazyxgerman


    Using WP 5.1 w/latest Yoast plugin.

    Issue: When editing blog posts, there is a Yoast bar (collapsed) that goes horizontally across the screen. As I add text, the Yoast bar covers it up/remains superimposed over the text instead of scrolling down or being anchored to the bottom of the blog post edit window. When I try to grab the bar with my mouse and relocate it, even though the arrow icon appears, the bar does not move and remains where it is.

    This is extremely annoying and requires me to temporarily add and move around blocks so I can see the text that’s covered up.

    Hope this explanation makes sense. I can provide a screenshot if needed, though I’m not sure how to attach it here. Really would appreciate help to resolve this.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support amboutwe


    This may be a plugin or theme conflict. Please disable all plugins except Yoast SEO, and use one of the default (Twenty*) themes. If the problem goes away, enable plugins one by one to identify the source of your troubles.

    If you can install plugins, the Health Check & Troubleshooting plugin offers a troubleshooting mode that will disable all plugins and change the theme for you, while you’re still logged in, without affecting normal visitors to your site. Once in the troubleshooting mode, please activate only Yoast SEO and attempt to reproduce the issue you described.

    If you are 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

    • This reply was modified 9 months, 1 week ago by amboutwe.
    • This reply was modified 9 months, 1 week ago by amboutwe.

    Thank you for the troubleshooting steps. I performed the manual process of elimination by first disabling one plugin at a time. This made no difference. Then, with all plugins deactivated, I changed from OnePress to a Twenty theme. With this bare-bone setup, the issue disappeared.

    So, to summarize: It worked fine with OnePress, Yoast, and WP 4.x. It does not work with OnePress, Yoast, and upgrading to WP 5.x. This could lead one to conclude that it’s an issue with WP 5.x. Of course, I’m sure if I try to pursue this with WP support, they will tell me that it’s an issue with the theme since it works fine with Twenty*. If I try to pursue this with Yoast support, they will tell me it’s an issue with WP 5.x or the theme since it works fine with WP 4.x or Twenty*. And if I try to pursue this with OnePress, they will tell me it’s an issue with WP 5.x since it worked fine with WP 4.x.

    And yes, all plug-ins and themes etc. are updated to the latest version. This is a hosted WP setup, and the hosting company ensures that everything is running the versions that they approve, so not much choice for me.

    So, where do I go from here?

    Plugin Support amboutwe


    The first thing to note is that WP 5.x included a major overhaul of the editor, switching from the classic editor to a block based editor. What does that mean for this topic? Everyone (plugin authors, theme authors and core developers) are all working in a new environment and unusual behaviors may happen.

    As for the issue itself, I spun up a new local install of WP 5.1, installed Yoast SEO 9.7 and the OnePress theme version 2.2.3 from the repo here. OnePress offered to import demo content for their theme so I did that to quickly set up the theme with default content.

    The good news is that I could reproduce the issue and found that a style added by the OnePress theme causes the meta box to hover in the middle of the page. I confirmed it was a theme style by commenting out add_theme_support( 'editor-styles' ); in the theme’s functions.php file. Digging a little deeper, I removed the modification and specifically commented out the OnePress style modifications a few lines below the one mentioned above. The Yoast SEO meta box returns to the correct location so it’s something in the editor-style.css file that your theme adds to style the new block editor to resemble the theme style.

    Unfortunately, I’m not familiar with all the styles added by the theme but they should be able to track down what style modification they make and include a fix for it. Please reach out to the OnePress theme author for further assistance.

    As for a quick fix for you without making any changes to the theme, I installed and activated the Classic Editor plugin which reverts the new block editor to the old editor and the meta box works like the WP 4.9.x version. This will, at least, get you back up while OnePress investigates the style issue.

    Good luck!

    Awesome response! Thank you for taking the time to investigate. You rock! I will pursue the two options you suggested. Cheers!

    Excellent news that it’s in the onepress theme’s fault! I have been wondering and can not get this to work. However, I would not like to downgrade as it is a theme fault.

    Thank you @amboutwe for such excellent fault digging work!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Yoast bar blocks/covers up text blog post text when editing’ is closed to new replies.