Update breaks Tabby format

For the latest update the CSS was tweaked as the css rules contained in the theme was affecting how the tabs are styled in the previous version. Although the specificity is increased reducing the effect of the theme’s css on how the tabs display, which font the the theme uses for the tab text can still affect the tab causes the issue you describe. It can usually be fixed by specifying a different value for padding-bottom applied to the responsive-tabs__list__item class.

If you provide a link to the page on your site where you are using the tabs I should be able to suggest the fix you need.

I can see that you have added some custom styles without removing the default tabby styles. The recommended way to customise the styles for the tabs is to remove the default styles using the method outlined in the plugin faq and then adding the whole contents of the tabby stylesheet to your child theme’s stylesheet or custom css and make changes to that.

In your custom styles, the .responsive-tabs__list__item rules are probably being trumped by the plugin defaults as I have increased specificity, to give the correct tab appearance without a border you can also increase the value of padding-bottom a little.

eg:

.responsive-tabs li.responsive-tabs__list__item,
	.responsive-tabs li.responsive-tabs__list__item--active
	{
		padding: 7px 8px 12px;
		margin: 0 10px 0 0;
	   	 font-size: .6em;
		font-weight: bold;
	}

I would strongly suggest however, that you use the recommended method to unhook the default stylesheet and use an edited copy of the rules rather than stacking new rules on top. I will be reviewing the default CSS to make a few further improvements and any changes may not be compatible with your additions, however if you have a self-contained set of styles this will lessen the risk of future issues.