keep accordian at all width

worked it out.

increased width on line 6 and 78 in tabby.css

The plugin was not designed to achieve this as it was designed to provide tabs primarily with the accordion view provided as a workaround for display on smaller browser viewports including on mobile devices.

It is not recommended to directly edit the css file included within the plugin as a subsequent plugin update will overwrite any changes.

You can tweak the values for the css rules in the media queries or for a more streamlined solution you can replace the inbuilt css with a custom version to get this result.

To do this, follow the directions in the documentation to prevent the plugin’s stylesheet from loading and include the following CSS rules in your child theme’s stylesheet or custom styles plugin:

.responsive-tabs .responsive-tabs__panel {
	background: #eeeeee;
	border: 1px solid #999;
	margin-bottom: 20px;
	padding: 20px 20px 0;
	clear: left;
}

.responsive-tabs .responsive-tabs__list {
	display: none;
}

.responsive-tabs .responsive-tabs__heading {
	display: block; cursor: pointer;
}

.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
	display: none;
}

.responsive-tabs-wrapper {
	border-top: 1px solid #999999;
}

.responsive-tabs .responsive-tabs__heading {
	background: #fff;
	border: 1px solid #999999;
	border-top: none;
	color: #909090;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 10px 20px;
	margin: 0;
	position: relative;
}

.responsive-tabs .responsive-tabs__heading:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #444;
	content:"";
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	height: 0;
	width: 0;
}

.responsive-tabs .responsive-tabs__heading:hover {
	color: #606060;
}

.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
	background: #e3e3e3;
	color: #606060;
}

.responsive-tabs .responsive-tabs__heading--active:after {
	border-bottom: 6px solid #404040;
	border-top: 0;
	top: 18px;
}

.responsive-tabs .responsive-tabs__panel {
	border-top: none;
	margin: 0;
}

I have not tested this in all themes so it may need a few tweaks depending on which theme you are using