Tab display is botched up from recent update

What was recently updated?

WordPress?
Your theme?
The Tabby Responsive Tabs Plugin?
Other Plugins?

I noticed that when looking at your site I got a wordfence message

Your access to this site has been limited

Your access to this service has been temporarily limited. Please try again in a few minutes. (HTTP response code 503)

Reason: Exceeded the maximum number of page not found errors per minute for humans.

As I had not seen a 404 page when looking at your site – after just viewing the page, looking at the page source, and checking the WordPress version by viewing the /readme.html. I don’t use Wordfence so know nothing about it, but I wonder whether this might suggest that some of your files are not loading resulting in 404s? As I was unable to access your site once that message came up, I am now unable to look for further clues.

Try temporarily switching your theme to the default twentyfifteen theme and temporarily deactivating all other plugins to see whether the tabs appear correctly. If so, activate your theme and plugins one-by-one until the issue reappears – which will indicate a possible cause of the issue.

Hm, sorry about that, my wordfence security is pretty tight because of constant botnet attacks.

I reverted both sites back to 1.2.1 and the plugin works perfectly fine.
When I say updated, I updated the tabby plugin to 1.2.2, as I saw that the update was available.

What changed between 1.2.1 and 1.2.2?

On the JWZulauf.com site, I deactivated all plugins and switched to the default theme, and the latest version works fine. I re-activated all my plugins and it still worked fine. I’m guessing it’s related to the theme.
The theme on both sites utilizes jQuery heavily, so perhaps it’s having an issue with jQuery loading redundantly?

The only significant difference between v1.2.1 & v1.2.2 of the plugin was that the default print styles are now included as a separate stylesheet, so that if custom styles are used to replace the default stylesheet, the page can still use the default print styles. I’d be very surprised if this could have caused the issue.

It looks like the tabby.js script is not being processed at all – suggesting that javascript has stalled on a script being processed earlier.

I’m not sure what you mean by ‘jQuery loading redundantly’ – there is only one recommended way to load jQuery for themes & plugins included in the www.remarpro.com theme/plugin directories, and this is best practice for themes & plugins not included in the www.remarpro.com theme/plugin directories – is your site loading jQuery by some other method?

I did want to mention that I am using a Gantry based theme from RocketTheme.
Also, per the comment in a recent review about the deprecated add_action, I added “wp_enqueue_style( ‘tabby’ );” to tabby-responsive-tabs.php at line 129 as the user said, and the plugin works perfectly fine, as it did before.

Without that line, the display is all botched up.
I repeated this process on another site running a different gantry theme, and it also resolved the issue on that site.

So

//Screen Styles
function cc_tabby_css() {
	wp_register_style( 'tabby', plugins_url( '/css/tabby.css' , __FILE__ ), '', cc_tabby_plugin_version() );
}

add_action('wp_print_styles', 'cc_tabby_css', 30);

Became

//Screen Styles
function cc_tabby_css() {
	wp_register_style( 'tabby', plugins_url( '/css/tabby.css' , __FILE__ ), '', cc_tabby_plugin_version() );
	wp_enqueue_style( 'tabby' );
}

add_action('wp_print_styles', 'cc_tabby_css', 30);