Broken CSS on certain Elements After Updating to 8.1.1

Hello Xtemos Support,
We’re currently facing the following issues after updating to WoodMart 8.1.1 from 8.0.6
1. Broken Sticky Navigation Menu CSS – The CSS for the elements in the HTML Block is broken ie Promo banner element
2. Broken CSS for price filter widget and other filter widgets.
3. Broken mini cart CSS

Reverting back to 8.0.6 resolves the resolves some issues but the Promo banner element in the Sticky Navigation remains broken.

See attached screenshots for your reference and kindly assist and advise on these issues as soon as possible.

Best regards.

Attachments:

You must be logged in to view attached files.

Hello Xtemos support,
We still haven’t heard from your team. Is there any update on this?

Best regards.

Hello,

Mini Cart Issue: This has been resolved. The issue occurred because both Elementor’s Mini Cart and the theme’s Mini Cart were enabled simultaneously. I have disabled the “Mini Cart Template” from Elementor > Settings >Integrations (https://prnt.sc/pBA0NvvLManQ), and it is now displaying correctly.

Sticky Navigation HTML Block: The “Power & Backup Energy” HTML block is displaying correctly as created in Elementor. You can adjust the dropdown width or height via Appearance > Menu. Here’s a reference screenshot:https://ibb.co/GX69HsB

Sidebar Widget CSS Issue: First, flush the CDN from the server and temporarily disable it during development.

• Clear your site and browser cache, then check again.
• If the issue persists, try disabling cache plugins or third-party plugins to identify any conflicts.

Please follow these steps and let us know if the issue remains. We’re here to assist you further.

Best Regards,

Hello Aizaz,
Thanks for your response on this. We can confirm that the mini cart issue has been resolved. Not sure when it was enable but thanks a lot.

However, the HTML block issue still persists. We already did the styling for the height and width but we it seemed to have broken after the update. With further testing, we’ve noticed that this issue occurs when we set the option to “Load HTML dropdown with AJAX” to yes from the menu settings which wasn’t the case before the update. We have tried disabling the option and it loads as it should. See attached screenshots for your reference.

As for the Sidebar Widgets CSS issue, we tried all the recommendations prior to reaching out to your team. Issue seems to persist even when we switch devices and browsers. We’ve flushed the CDN and disabled all plugins except for the ones required by the theme.

Best regards & thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Your sidebar widgets issue has been resolved. Check back on your site and check the issue.

For the HTML Block issue, please try to recreate this HTML Block from scratch and check if it helps.

Best Regards,

Hello again Aizaz,
Thanks for the update on this. We can confirm that the sidebar widgets are working just fine. Are you able to advise on how this can be replicated to our live environment or we just have to copy the theme files for deployment?

As for the HTML block, it is not the only one. We only used this one for illustration purposes. Otherwise, all HTML blocks inserted in the menu are exhibiting the same behavior when loaded using Ajax. You can check that for yourself and you’ll notice this.

If you don’t mind me asking this here, are there any server settings that we need to adjust in order to prevent the Ajax store from falling back to traditional loading and just load everything using Ajax? You can have a look at the server configuration and advise.

Best regards & thanks.

Hello,

Regarding the sidebar issue, I have installed the Classic Widgets plugin on your site and added the widget.

When you first visit your website and hover over the menu, an AJAX request is triggered to load the dropdown content from the server. However, on subsequent interactions, the content will be cached in your browser, so you won’t see the loading process again.

Best Regards,

Hi Aizaz,
Thanks for the update. We managed to implement the sidebar changes to our live environment over the weekend.

Secondly, we’re aware of how AJAX loading works on the menus. However, like we mentioned earlier, enabling AJAX load in the menu is now breaking the promo banner element which wasn’t the case before the update. Do we understand each other on this?

Thirdly, this is not related to the update but we’ve noticed that any CSS customizations done to the header doesn’t seem to stick in that it works most of the times but doesn’t work sometimes. You’ll notice that the header elements styling isn’t always consistent. We’ve tried implementing the CSS in the theme settings as well as the Customizer Additional CSS section and the outcome still remains the same. Not sure if this has anything to do with how the header is loaded by the theme. See attached screenshots for your reference and advise.

Best regards & thanks.

Attachments:

You must be logged in to view attached files.

[Author]

Posts