Header broken after update

Hi Support,

Today I updated my theme from 7.6 to 8.0.6. After clearing all the caching I found the headers were no longer working as expected. Could you have a look please?

Its mainly on the following headers:
– Header Nikki’s Dolls Shophome
– Header Nikki’s Dolls Statisch

Hello,

We reviewed your site, and it appears that this issue is caused by your custom code located in the child theme. Try disabling the child theme and check again.

Kind Regards

I disabled the child theme now but the issue seems the same to me.

When I remove the menu from the header, it seems to behave. But then you put back the menu and its directly off again.

I cannot check it very well, but I assume that the menu locations coming from Polylang is the main issue for causing the header to misbehave. Because when I set the menu to something other then the Main, then it seems to work fine.

We checked your site and found that your header HTML structure is currently broken. Rows are outside the wrapper, and header columns are placed next to the row instead of being inside it. The broken structure is visible in this screenshot: https://monosnap.com/file/zEgL8Q3Z56FrPnpTsWUQPKhXnSDX1t.

After disabling the child theme, the header structure and appearance returned to normal. The correct header structure with the child theme disabled can be seen in this screenshot: https://monosnap.com/file/0hU2TAspNM608LYn6MFy9t592NyqTY.

The administrator access you provided does not include access to the theme editor, so we cannot determine which modified file in the child theme is causing the issue. However, since disabling the child theme restores the header’s functionality, we assume the problem lies in the custom code located in the child theme.

The most common cause of a broken HTML structure is an unclosed tag in any part of the header. Please review the custom code in your child theme, plugins that may affect the header or its content, and the header content itself (including dropdowns) for any unclosed tags.

For example:
<div> is an unclosed tag.
<div></div> is a properly closed tag.

Kind Regards

HI Support,

Here I disagree as I can still reproduce the issue even after disabling the child theme.

Try to disable the child theme, any plugins not directly related to our theme, and provide instructions on how to reproduce the issue in this state. Please ensure that you only keep the following plugins that are necessary for our theme to work correctly:
– WoodMart core
– WooCommerce
– Elementor/WPBakery Page Builder

Thank you in advance.

Upon examining the content of your header more closely, we identified the cause of the issue. It lies in the two “Image or SVG” elements marked in this screenshot: https://monosnap.com/file/otJv342PhUKfpqOec1dsyWhqcYsvnW, located within the HTML Block “Merken”.

The issue arises because these two image elements were added to the page, but no images were selected for them (screenshot https://monosnap.com/file/t5629ZxQ5gFl8rC1tu6pFYAutRLg2R), which caused a problem with the HTML structure.

To fix this issue on your site, either add images to these two elements or completely remove them from their respective columns.

Additionally, in the next update, we will address this issue to prevent empty image elements from causing problems in the HTML structure.

Kind Regards

This indeed fixes the issue. Thank you for supporting on the matter.

You are welcome!

[Author]

Posts