An empty space appering after WPB tabs element

[josh-6874]

Since the major update to v8.0, I am seeing a large empty space after footer, which changes its height according to each tab.
It seems to conflict with the tabs since if I disable the row, the problem disappears.
Please fix this ASAP.

• This topic was modified 2 days, 12 hours ago by josh-6874.

Hi,

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

.vc_general.vc_tta.vc_tta-tabs {
	overflow: hidden;
}

Kind Regards

Thanks, it’s fixed now.
What is the source of the problem, Woodmart or WPBakery? Will this bug be fixed in the future version?

Hi,

The spacing you observed in the footer was caused by the difference between the height of your currently open tab and the tallest tab among all tabs. Since you are using the Tabs element from the WPBakery plugin and not from the theme, this issue will not be resolved within the theme.

To have a permanent solution, you should either keep the custom code applied in your settings or recreate these tabs with the Tabs element provided by the WoodMart theme.

Kind Regards

Okay, I used Woodmart Tabs element in which each tab contains a HTML block of sectioned timelines.
Now, the contents in 2nd, 3rd and 4th tabs are left aligned and very narrow. Please help me fix this.

Attachments:

You must be logged in to view attached files.

Hi,

Judging by the structure of your HTML blocks, their content appears to have been manually copied using shortcode editing. For WPBakery content to render correctly, any content created with WPBakery must be placed inside a Row element, as happens when creating content natively in WPBakery from scratch.

To fix this issue, you need to edit or recreate your timelines and place them within a Row element. Alternatively, if you prefer not to do this, you can use the following custom code to stretch the tab content to full width, similar to how it works inside a Row element. However, note that these changes will not be integrated into the theme because this content positioning structure is not standard for WPBakery plugin or WoodMart theme.

.wd-tab-content > .wd-timeline-wrapper {
	width: 100%;
}

Kind Regards

Hi,
It was my mistake to remove the row element during copy and paste from the old code. Now I have added the row and placed the timeline contents inside in every tab, but the way it displays did not change (still left aligned and in shrunken width). Could you please take a look, again?

If you have updated the structure to the correct one but the issue persists, this indicates a problem with our theme. This issue will be resolved in the upcoming 8.0.2 update, which will be released soon.

In the meantime, you can temporarily use the following custom code:

.wd-tabs .wpb-content-wrapper {
	width: 100%;
}

Kind Regards

[Author]

Posts