Issue with woodmart wpbakery option: Stretch Row and Content (without paddings)

I think there is an error with the ‘Stretch Row with CSS’ option in Woodmart in WPBakery when it is set to ‘Stretch Row and Content (without paddings)’, as it leaves a small horizontal space on both the left and right sides. (On devices > 1024px), like there was some padding.

If you use the Native WPBakery option to stretch the row and content without paddings, it works correctly.

I have created a test page: “Test Page” ( where you can see the problem). In image 1 u can see ur default header title, and after that i have inserted a row with Stretch Row and Content (without paddings) using css. In image 2 u can see a third image using native wpbakery strech row and content (wihtout paddings)that fit the screen.

I am sending images and access to the website. I have also deleted all my custom css (global and desktop), deactivated all plugins (except woocommerce, woodmart core and wpbakery) and switched from woodmart-child to woodmart theme.

Thx

Attachments:

You must be logged in to view attached files.

It happens with all the elements inside the row, it is a row issue.

Hello,

We have checked your website, including the “Test Page”, and at the moment we do not see any horizontal space on the left or right sides when using “Stretch Row and Content (without paddings)”.

See Screenshot for clarification: https://postimg.cc/CZF1BbgS

Best Regards,

Well, I don’t understand, because I have the same problem on several computers (on some I had to clear the entire cache to see the problem). It only happens in Chrome.

As far as I can tell, the problem seems to be related to the scrollbar, for which you use a root variable i think to compensate:

:root {
    --wd-scroll-w: 15px;
}

and this variable is used to calculate the width of the sections:

@media (min-width: 1025px) {
    [class*="wd-section-stretch"], [data-vc-full-width] {
        position: relative;
        box-sizing: border-box;
        width: calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w));
        --wd-row-spacing: calc(var(--wd-column-gap, .001px) / 2 + 15px);
        left: calc((50% - 50vw + var(--wd-sticky-nav-w) / 2 + var(--wd-scroll-w) / 2) + var(--wd-row-spacing));
    }
}

In my case, setting –wd-scroll-w to 0px did the trick. I don´t know exactly why i had to change this, as it was working well until now. Maybe some chrome update or some change? dont know….

Thx

Hello,

This is indeed an issue with the theme, and we will fix it in the next update, which will be released within the next two weeks.

Best Regards,

Ok, ill wait for that theme update.

Thx for looking into this issue.

Hello,

You’re welcome

Thank you for your patience. The fix will be included in a future theme update.

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://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts