Tab content loading in a single column until clicked

Please post a link to the page so I can see the issue.

I have seen this occur when there are mismatched opening and closing tags around the tabby shortcodes on the page. I suspect this might be the cause here, but without seeing the page I can’t be certain.

Check your page using an HTML validator such as the one at https://validator.w3.org and look for any issues related to incorrectly nested html such as stray opening or closing tags in your page content, and correct any you find.

It’s a locally hosted site – so I can’t link to it or validate it.

When the page first loads:

aria-hidden is false for BOTH tabs until I click on one

Digging further – both tabs are set to ACTIVE as soon as the page loads.

If I modify line 196 in the php to:

if  ( $open ) {
		$tabcontentclass .= " responsive-tabs__panel--active";
	}

It works as expected.

You can validate your page source by copying it & pasting it into the validator window (select the validate by direct input option)

Modifying the plugin’s code is not a good idea. That code is there for a reason and although it might seem like a good workaround it is not actually fixing a shortcoming in the code and could cause other problems, and any update to the plugin in future will lose your changes.

I am sure that the real cause of the issue can be found and corrected if we undertake some troubleshooting. The issue will most likely be found to be due to incorrectly formed shortcodes or invalid html in the WordPress visual/text editor, or a conflict with some code in another plugin or the theme.

I have done some testing on one of my test sites and I can reproduce the reported issue by adding an

open="yes"

parameter/value pair to more than one tabby shortcode in a tab group (as stated in the documentation, this is not a supported configuration).

Please check that the open parameter has been added to no more than one [tabby] shortcode in your tab group.