Sliders offset issue with custom layout width

Hi,

I’m experiencing a recent issue with a slider in WoodMart using Elementor (it started about a month ago, without major changes on my side).
– With Full Width layout, the slider displays correctly.
– With a Custom width (1500px–1600px), the slider shifts to the left on desktop.
– On mobile, everything looks fine.

It seems related to WoodMart’s stretch/full-width behavior (wd-section-stretch / wd-slide-container).

I need:

– Slider full width
– Content boxed (1500px–1600px)
– No horizontal shift

Has anyone experienced this recently or knows how to fix it?

Thanks.

Hello,

After reviewing your website, we noticed that several ‘Stretch content’ options are enabled simultaneously within each other (screanshot https://monosnap.ai/file/uU2Tine99ZyXBikYSTTzj6IHBBYips). This may cause the carousel script to calculate slide widths incorrectly. For the slider to function properly, we recommend disabling ‘Stretch content’ in all containers related to the slider and leaving it enabled only in the specific ‘Stretch slider’ option within the slider settings.

If you have updated these settings but the issue persists, or if you need a detailed guide on what to change, please provide access to your website. This will allow us to investigate the problem further, verify the settings, and provide additional instructions.

Kind Regards

Thank you for your response.
I tried making the changes without success.

Best regards

Hi,

To ensure your slider content is stretched to the full width and functions correctly, you need to toggle a few options and make sure the “Stretch” setting isn’t enabled on multiple overlapping levels. Here is a step-by-step guide based on your slider:

Step-by-Step Instructions

1. Check the Parent Container: Open your homepage editor and ensure that the Container stretch option for the main container (the one holding the slider) is set to Disabled. https://monosnap.ai/file/mRQIhC24TMpIvKgvbFgJ8yL8TWFGGp
2. Slider Global Settings: Go to the settings of your main slider, “Slider-home,” and enable both the “Stretch slider” and “Full width content” options. https://monosnap.ai/file/QnQNKvehTtrRRvvoBB6Dagezwcbc7B
3. Individual Slide Content (Crucial): Go to the content of the first slide, “Slider1.” Select the main Container element within this slide and disable its “Container stretch” option. https://monosnap.ai/file/LcyE9eqxF0XeoA6pckjRnymKHG5Axt
4. Clear Width Constraints: Navigate to the settings of the “Slider1” slide itself. Under the Content section, find the Width field and remove any values or settings that limit the width, leaving the field empty. https://monosnap.ai/file/gBf8uGet8Fz2KTCL5QWbBFxBGJ6L3W
5. Repeat: Repeat steps 3 and 4 for all remaining slides in the slider.

By following these changes consistently, your slider will display correctly with the content stretched to the full width, as shown in the following screenshot https://monosnap.ai/file/M1VULLYRQ18X4ukdsFn3IgC3KR3xn0.

Kind Regards

Thank you for your support, it’s fixed now.

Best regards

Hello,

I have an observation, I had to delete two sliders because an additional border was generated, top and bottom in light gray, which I could not edit.

Best regards

This is what I was able to capture.

Best regards

Hi,

The issues you described can be broken down into three distinct areas.

1. Background issue. We reviewed your slide settings and noticed they have a double background where one is light gray (the slide background) and the other is dark gray (the container background). To set the correct background that is not tied to the content width or height and avoids borders, you should modify the slide background instead of the container element inside the slide. To fix this, open any slide’s settings, go to the container settings to remove the dark gray background, and then apply your desired color directly to the slide background settings. The entire process is shown in this video: https://monosnap.ai/file/Jobs4twquregCHOaUR5tkJ9Q4heiee.

2. Width issue. If the content does not stretch to the full width, you must adjust it using the Width option. You need to disable the stretch container in the slide container (https://monosnap.ai/file/4sp1lcCU4PsKOkGZBWzEGiadpWxpdQ), go to the slide settings, and set the Width option to 100% (https://monosnap.ai/file/6FbOdCBEJaJOfb57bXojlKulnXsrMO).

While reviewing your request, we also identified an issue within our theme that caused the slide content to appear differently in the Elementor editor compared to the live site. If you encounter this discrepancy, please install patch number 714587 to ensure the slide appearance remains consistent between the editor and the frontend.

3. Height issue. The height of your slider depends on the slider height settings (https://monosnap.ai/file/g0WXUj7utVtcMrWL64uXpbeL9jBPQp) and the content itself. Currently, your slider is set to 650px, but since your images are 700px (https://monosnap.ai/file/lkR6wJQZ1DJxEwDuVixA9JcA3aTSgf), the slider stretches to match the content height. If you use images with different heights or limit the content width, the slider height will become inconsistent. To resolve this, you should either ensure all slide content has identical dimensions or set the Custom Height in the slider settings to a larger value, such as 700px or more, so the minimum height always exceeds the content size.

Kind Regards

Hello, thanks for your response.

Best regards

Hi,

In previous updates, we made changes to the layout of the slider metabox options, which could indeed affect certain slider configurations when multiple full-width sections are nested within each other, as in your case. Unfortunately, it is impossible to fully fix this within the theme itself. With this specific combination of settings, a client would indeed need to toggle several options manually. Therefore, reaching out to us was the right decision so that we could assist you.

We hope our advice has helped you reconfigure the slider to your desired look. If anything else needs adjustment, we are here to help. Additionally, please note that the editor width issue for which the patch was created will be included in the next theme update.

Kind Regards

[Author]

Posts