Site is not using woodmart width

Hi,

I’m facing a little problem that I’ve set the website to 1400px width but it displays 1230px at most. Both Elementor and Woodmart settings are set to 1400px. Containers are stretched. No idea why it doesn’t work. Also the padding around the website – can I set it to different value?

Hello,

Since by default, all page content, including content created using Elementor, is within this overall wrapper, it will always be limited to 1222px (or another width selected in the theme settings), regardless of what is chosen in Elementor’s “Content Width” option
(https://monosnap.com/file/57fEW87J1DCMRENoqezbx93iiQaawe).

In this case, the maximum Full Width value will always be the width of the site wrapper (container), not the screen width. To stretch Elementor widgets beyond the site’s general wrapper to the screen’s edges, you need to use our theme’s special “Container stretch” option

(https://monosnap.com/file/fybksUs0Aj4abtjWE5wPJ7P3TJrRyi). Additionally, you can combine these options by stretching sections using “Container stretch” while also fine-tuning the content width with Elementor’s “Container width” option, as shown in this video (https://monosnap.com/file/ijOPrWEsX2Rpkuonw5H2T9dW4HbBXs).

Alternatively, if this content structure principle doesn’t suit you, you can switch to the standard content structure used by the Elementor plugin. To do this, you need to disable the “Elementor sections negative margin” option in the theme settings (https://monosnap.com/file/6Ltrz2iHcwcK4oayDMEFmqSQg1V0Af) and activate the “Elementor Full Width” template in the page settings
(https://monosnap.com/file/1iqETL7CFZhU8S1eiTbO6HL8kqAPia).

After that, the 1222px site wrapper (container) that wraps the Elementor content will disappear, and the maximum width of each section will need to be adjusted separately using the “Content Width” option, as is standard in Elementor (https://monosnap.com/file/KmYzESFRLRCSt6TfpXqr8uTlze4nXS). It’s important to note that if you use the “Elementor Full Width” template, the theme’s “Container stretch” option does not need to be used, as the site wrapper (container) does not exist on this template, and all Elementor widgets are already stretched to full screen by default.

In summary:

If you are using the “Default” page template:
– All widgets are limited by the site’s overall wrapper width (1222px).
– You can stretch them beyond the wrapper (to the screen edges) only using the theme’s “Container stretch” option.
– The “Content Width” options (boxed and full width) can only be used if you need to set the content width narrower than the site’s overall wrapper (1222px).

If you are using the “Elementor Full Width” page template:

– The general wrapper does not exist, and all Elementor widgets are already stretched to full width by default.
– The content width for each section must be adjusted using Elementor’s “Content Width” options (boxed and full width).

– The theme’s “Container stretch” options are not necessary.

Best Regards,

[Author]

Posts