Category description is cut off when using sidebar (WooCommerce / Woodmart)

This topic has 5 replies, 2 voices, and was last updated 5 months, 2 weeks ago by Aizaz Imtiaz Awan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
January 21, 2026 at 1:07 am #705374

helloiam74
Participant

In one of my product categories, I added additional content using an HTML block via Elementor.
The section is set to “Boxed”, width 800px, and “Stretch Section” is disabled.

However, the content gets cut off on the right side. I think because of the sidebar.
The text clearly extends beyond the content area and is clipped by the theme layout.
Padding or width settings in Elementor have no effect, as the parent container seems to restrict or hide the overflow.

Summary of the issue:

• WooCommerce category page with sidebar
• HTML / Elementor content below the product grid
• Section is not stretched, boxed layout
• Right side of the content is cut off
• CSS fixes for overflow/width did not solve the issue reliably

My question:
Is there a recommended way in Woodmart to display additional content below the product grid without it being clipped by the sidebar/grid layout?
Or is there a theme option to force this area to use the full content width?

Thank you very much for your support.

January 21, 2026 at 1:56 pm #705485

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

Could you please elaborate on your concern more with some useful screenshots for better understanding that demonstrate the problem so we can understand and reproduce it on your website.

Also, 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,

January 21, 2026 at 2:05 pm #705487

helloiam74
Participant

Hello,

thank you for your response.

I have attached screenshots that clearly show the issue:

On my WooCommerce category page (example:
https://…….de/produkt-kategorie/actioncams/ ), the additional category content that I added via an Elementor HTML block is being cut off on the right side when the sidebar is enabled.

The section itself is set to:

– Boxed layout

– 800px width (its better, but its not looking good)

– Stretch Section disabled (I would actually prefer the content to be displayed in full width, but thats not working)

However, the parent container of the shop layout seems to restrict the width or apply clipping, so part of the content becomes invisible on the right side. Adjusting padding, width, or layout options in Elementor does not fix the problem.

You can see in the screenshots that:

– The content extends beyond the visible content area

– The right side of the text is not fully visible

– This only happens on shop/category pages with an active sidebar

I have provided my WP-Admin login details in the Private Content field as requested, so you can directly check and reproduce the issue on my website.

Thank you very much for your support.

Best regards
Leo

January 22, 2026 at 10:28 am #705598

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

Please edit the container and disable the Stretch Container in the Xtemos Extra.

See Screenshot for clarification:
https://ibb.co/WWk5sHSp
https://ibb.co/BKHgRVN6

Best Regards,

January 22, 2026 at 1:04 pm #705633

helloiam74
Participant

Hey, that’s not the solution. The category page still looks terrible. I’d like it to be full width, or at least look better.

I would like the category page below to look like this: https://luckyhemp.de/collections/cbd-blueten

Attachments:
You must be logged in to view attached files.

January 22, 2026 at 2:48 pm #705653
Aizaz Imtiaz Awan
Keymaster
Xtemos team
Hello,

The cutting issue happens because some containers inside the category description layout still have Stretch Container enabled.

Please edit the category layout and disable “Stretch Container” on every container used in the description section, not just one. Otherwise, parts of the content will keep overflowing or looking broken.

Currently, your layout is using a boxed width, which limits the content area.
To make it full-width, set the container width to Full Width

On the reference site you shared, there is no sidebar, so the content goes from left to right.
On your site, a left sidebar is enabled, which creates the white space you see.

You can control this here:
- Go to Theme Settings > Product archive > Sidebar
- Either disable the sidebar,
- OR adjust the Sidebar size to reduce the empty space.
Best Regards,
Author

Posts