Home › Forums › WoodMart support forum › Urgent!!! Layout broken after updating WordPress&Woodmart

Urgent!!! Layout broken after updating WordPress&Woodmart

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 6, 2024 at 12:03 pm #620036

    b.brenner
    Participant

    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!

    December 6, 2024 at 12:12 pm #620043

    b.brenner
    Participant

    Here is the ftp access if needed.

    December 6, 2024 at 1:31 pm #620094

    Artem Temos
    Keymaster

    Hello,

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

    Kind Regards

    December 6, 2024 at 2:28 pm #620127

    b.brenner
    Participant

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

    December 6, 2024 at 3:00 pm #620144

    Artem Temos
    Keymaster

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

    December 6, 2024 at 4:30 pm #620198

    b.brenner
    Participant

    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.
    December 6, 2024 at 6:41 pm #620283

    Artem Temos
    Keymaster

    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.

    December 6, 2024 at 7:16 pm #620291

    b.brenner
    Participant

    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.
    December 9, 2024 at 10:38 am #620637

    Artem Temos
    Keymaster

    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

    December 10, 2024 at 1:07 pm #621155

    b.brenner
    Participant

    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.
    December 10, 2024 at 1:44 pm #621183

    Artem Temos
    Keymaster

    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

    December 10, 2024 at 4:49 pm #621284

    b.brenner
    Participant

    Thank you, that´s fine now!
    Best regards

    December 10, 2024 at 4:50 pm #621285

    Artem Temos
    Keymaster

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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Urgent!!! Layout broken after updating WordPress&Woodmart’ is closed to new replies.