Home / Forums / WoodMart support forum / Woodmart Width
Home › Forums › WoodMart support forum › Woodmart Width
Woodmart Width
- This topic has 3 replies, 3 voices, and was last updated 1 year, 5 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
September 27, 2024 at 11:18 am #600656
kontakt-4777ParticipantHello, so I am using elementor with woodmart, and I would like to use the default width with elementor.
I have a problem with my header and other elements having its own width.
I am not able to set my header to 100%?
Other elements is having their own container width that goes outside the max-width of 1280px
The site width is 1280, but the header can only use 99% of the full width, and some woodmart containers goes over the 1280px?
What is going on?
Attachments:
You must be logged in to view attached files.September 27, 2024 at 2:26 pm #600752Hello,
Edit the page with page builder > Edit Container > Set the Content Width Full Width and in the Xtemos layout choose the Stretch Container https://ibb.co/s1DYvJ4
Best Regards
February 10, 2025 at 9:31 pm #636997
MaxorParticipantHi
I think i have the same problem
default layout setting in woodmart theme settings : custom 1400px
and then when i create a new page with elementor, i cannot get my containers on full width (as defined in elementor container content width setting)
it cannot go beyond the 1400pxso if i understand well, the solution is to add in those same containers the setting : Xtemos layout : Stretch Container ?
it seems to work fine, but i would like to make sure it’s the right solution as i will build many elementor pagesalso what’s the difference between :
stretch container
and
stretch container and content
?Thank you
February 11, 2025 at 1:42 pm #637171Hello,
@Maxor
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,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register