Urgent!!! Layout broken after updating WordPress&Woodmart

Hi,
I just updated WordPress and Woodmart, which broke the layout of the entire site. In the header, the logo is no longer centered. All content and navigation bars have been moved to the left side. The footer is no longer readable.
I checked it with the Twenty Twenty-Five theme, here the layout was fine.

I had to activate maintenance mode. The site is live, so the problem needs to be fixed quickly.
Best regards!

Here is the ftp access if needed.

Hello,

Please clear all the caches on your website and test how it works. Let me know if it helps.

Kind Regards

Hello,
clearing all caches did not help.
Best regards!

Please disable all plugins that are not related to our theme and switch to the parent theme in Appearance -> Themes so we can check.

With all 3rd party plugins disabled and the parents theme the design looks centered again but the post grid element is still broken, see screenshot 1. Also the size of the images has changed: An image of 800px width is now scaled to 1200px width (see screenshot).

Attachments:

You must be logged in to view attached files.

As we can see, you are using WPBakery post grid element. Could you please check how it looks with the default WordPress theme and send us a screenshot?
As for the images, it is caused by WordPress update https://core.trac.wordpress.org/ticket/62413
Try to disable lazy loading option in Theme Settings -> Performance -> Lazy load.

Here is the screenshot of the grid element using a default theme.
Disabling lazy loading solved the problem with the large images, but in the navigation the images are too small, see screenshots.

Attachments:

You must be logged in to view attached files.

Hello,

Try to replace your custom CSS

.wd-nav-img, .mega-menu-list img {
    max-height: 70px;
}

with the following one

.wd-dropdown-menu:is(.wd-design-full-width, .wd-design-sized) .wd-sub-menu {
--nav-img-height: 70px;
}

As for the posts grid, it looks the same. We don’t see any problems caused by our theme.

Kind Regards

Thank you, this made it better, but there is still one image not in the correct size, see screenshot.

Attachments:

You must be logged in to view attached files.

Try to use the following code snippet instead.

.wd-dropdown-menu:is(.wd-design-full-width, .wd-design-sized) .wd-sub-menu img {
--nav-img-height: 70px;
	flex: 0 0 auto;
}

Kind Regards

Thank you, that´s fine now!
Best regards

You are welcome. Feel free to contact us if you have any further questions.

[Author]

Posts