WP-dashboard: Publish button not visible after updating to WordPress 7

  • Unknown's avatar

    If been searching where to post this issue, and don’t know if this is the right spot, but here it is:

    In the new layout of the WP dashboard, the publish button is not visible when not using the block-editor. See: https://www.pasteboard.co/KU0s3b84KYlZ.png
    The issue didn’t existed before updating to WordPress 7.

    The #major-publishing-actions has a display: flex; on it.
    This makes sure it’s aligned beside each other and doesn’t allow to wrap when needed.

    When you’re using a caching plugin the button will be added to this section which makes the section to small for all the possible actions.

    To fix the issue the code in load-styles.php needs to be adjusted.

    #major-publishing-actions {
    display: flex;
    flex-wrap: wrap;
    }

    or

    #major-publishing-actions {
    display: block;
    }

    will fix the issue.

    Hoping some-one can help, our point me in the right direction to getting a fix for this issue.

    Cheers,
    Erik-Jan

  • Unknown's avatar

    Great catch spotting that CSS flexbox overflow bug in the classic editor view after the WordPress 7.0 core update! Because WordPress.com forums are primarily for user-level support, changing core system files like load-styles.php directly from this thread isn’t possible. However, the official and fastest way to get your patch directly to the core development team is by submitting a ticket on WordPress Trac, which is the central platform where core maintainers review, test, and merge UI layout fixes like this.In the meantime, you don’t have to wait for the next core release to fix your layout. You can temporarily override the broken flexbox behavior on your own site by adding your fix into a small, custom function within your theme’s functions.php file or via a code snippets plugin to cleanly inject the CSS directly into your admin dashboard panel: add_action(‘admin_head’, ‘fix_classic_editor_publish_button’);function fix_classic_editor_publish_button() { echo ‘’;}

    This will safely force the elements to wrap cleanly and bring your publish button right back into view without hacking any core WordPress core files!

  • Unknown's avatar
  • The topic ‘WP-dashboard: Publish button not visible after updating to WordPress 7’ is closed to new replies.