Single layout page, abnormal height space in custom tab accordion mode on mobile

Hello WD Support Staff,

In our single product page layout, when the accordion mode for the custom tab is set, and a user views the page and opens the last custom tab (for example, “Composition”) on the mobile version, a strange height issue occurs, pushing the footer far away. You can see this behavior in Google Chrome by going to the F12 dev console, toggling the device toolbar, and selecting any mobile version. It also affects real devices (for example iPhone 14 Pro).

What could be causing this issue?

Looking forward to your reply. Thanks.

Hello,

Please provide us with your admin access so we can log in and check this on your end.

Thank you in advance.

Here you are, in private content.

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

.wd-single-tabs.elementor-element {
	width: 100%;
}

Perfect. This resolved the issue.

Thank you.

You are always welcome. Feel free to contact us if you have any further questions.

[Author]

Posts