CSS BROKEN , or stylesheet failing to load

I noticed the my homepage layout has broken and elements are not rendering correctly. The hero banner is misaligned, sections are stacking vertically, there’s large white space on the right, and the countdown/text blocks appear unstyled.

It looks like the CSS or layout styles may not be loading or compiling properly.

Could you please investigate and advise what needs to be done to fix this?

Attachments:

You must be logged in to view attached files.

Hello,

Now I have checked your site and it is working fine.

See Screenshot for clarification: https://ibb.co/VW4BrDyn

Check back your site after completely clearing the cache and check the issue. If you have any questions feel free to contact us.

Best Regards,

Hi Aizaz ,

i am facing the same issue again on the homepage , last time it broken i purged the cache and it was resolved , i tried to do the same now and it did not work.

Here’s exactly what I did:

I initially tried changing the number of products displayed per row using:
WooCommerce → Product Catalog settings, but the changes did not reflect on the frontend.

I then discovered that the theme overrides WooCommerce settings, so I navigated to:
Theme Settings → Product Archive → Products Grid

There, I adjusted:

Desktop columns to 4

Tablet columns to 3

Mobile columns to 2

Products per page set to 12

The shop grid settings were correct, but visually it was still rendering as 2 large columns. I suspected the sidebar was affecting layout width.

I then went to:
Theme Settings → Product Archive → Sidebar
and disabled or adjusted the sidebar layout to test whether the content width was being constrained.

After that, I checked:
Theme Settings → General → Site Width
which was set to Custom (1400px). I tested changing it to Full Width to correct the layout.

After these changes, my homepage layout became constrained/narrow and appears to be using a boxed container instead of the intended full-width layout. The homepage now looks centered and limited in width compared to before.

I purged cache and tested in incognito mode, but the issue persists.

Could you please confirm:

Which setting controls the global container width?

Whether Product Archive or Sidebar settings affect global layout?

If there is a theme override that may have applied archive settings globally?

How to safely restore the homepage to full-width layout without affecting the shop grid while also increasing the number of products shown on a page ?

It seems like changing the product archive/sidebar configuration may have unintentionally impacted the global layout container.

Looking forward to your guidance.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Actually, with some of the demos, there are certain Custom Layouts enabled for the Single Product and Archive pages, which is why your made changes under the Theme Settings aren’t taking effect on that.

Navigate to Layouts > Edit product archive layout and customize it with the help of the page builder.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regarding the home page not displaying properly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

thank you for the feedback , i will have a look at this

.

Hello,

Your issue has been resolved.

The homepage layout became narrow because it was switched to the WordPress default editor, which caused Elementor’s full-width layout settings to stop applying. That’s why the page appeared boxed and constrained.

I reopened the homepage with Elementor, and once it was edited/saved in Elementor again, the layout returned to full width and is now displaying correctly.

Please check back your site and check the home page, If you have any questions feel free to contact us.

Best Regards

[Author]

Posts