Full width on a single Elementor container without affecting the rest of the pag

Hi, Xtemos team,
I’m using Elementor with the new Containers system (Flexbox). I’d like a specific container to take up 100% of the screen width without affecting the rest of the page. I’ve tried width: 100vw with margin-left: calc(-50vw + 50%) and also with !important using a CSS ID, but the theme keeps limiting the width. How can I achieve full width on just one specific container?
Thank you!

Hello,

You can achieve this using the built-in Stretch Container option in WoodMart.

Edit the page with Elementor, then edit the container you want to make full width. In the XTemos Layout settings, enable the Stretch Container option.

Screenshot for reference:
https://ibb.co/s1DYvJ4

This will stretch only the selected container to the full width without affecting the rest of the page.

Please check it on your site, and if you have any questions, feel free to contact us.

Best Regards

Hi, Xtemos team,
Just wanted to let you know that your solution worked perfectly — the full-width container issue is now solved. Thank you so much for your help!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts