CSS Layout Break on Igotu Corp Site After WordPress Update
-
I am currently facing an issue with my website, Igotu Corp, where the main navigation menu and header alignment are not displaying correctly. This started happening right after I updated the core WordPress version and my active plugins.
What I’ve tried so far:
- Cleared the site and browser cache.
- Deactivated recent plugins to check for conflicts (the issue remained).
- Verified that my PHP version is up to date (8.1).
Expected result: The navigation menu should appear inline with the logo at the top of the page.
Actual result: Instead, it is stacking vertically and pushing the hero image below the fold.
Could anyone point me in the right direction or let me know if there are known compatibility issues with the latest Gutenberg blocks? Any help would be greatly appreciated!
-
The navigation and header misalignment on your site is a classic “layout collapse” typically triggered by the latest WordPress core update, which often alters how Flexbox instructions are rendered for standard block containers. When your logo and menu stack vertically, it usually means the parent Row block has lost its horizontal orientation setting or the CSS responsible for “Justification” is being overridden by a new default stylesheet in the update. To resolve this, you should enter the Site Editor, select your header in the List View, and ensure the container holding your logo and menu is explicitly set to a “Row” layout with “Space Between” justification. If the settings look correct but the display remains broken, adding a small piece of Custom CSS to force a display: flex; rule on the header group will bypass the update’s glitch and restore the inline alignment of your top-level navigation.
WordPress.com Forums 