display default as accordion

There are two ways you can do this – depending on whether you use the tabby responsive tabs customiser add-on

if do not have the cusomiser add-on, you can unhook the default tabby stylesheet as outlined in the readme.txt and use a modified version of the default tabby styles copied into your child theme or custom styles plugin. Change the breakpoint for the media query in the styles to a high value (eg 9999px ) to make the accordion display by default.

If you do have the tabby responsive tabs customiser add-on, there is an option to set the value for the responsive breakpoint to achieve this.

thanks a lot for your quick reply!

Is there anyway of having one tabby block as tabs and another as accordions, within the same breakpoint?

If not, may I request “Tabby Accordions”? ??

The plugin was designed to have a single set of styles for all tabgroups, even when a custom style is added either manually or via the customiser add-on.

A possible workaround to achieve the two appearances – one as normal, and one as accordion only, would be to replace the stylesheet with a set of custom styles as outlined in the documentation, but add two sets of styles with specificity added to each css rule by adding a new class – eg ‘.tab-acc’ and ‘acc-only’ – the acc-only set would have the responsive breakpoint value changed to a very high value like ‘99999px’

Then each set of tabs would need to be enclosed within a div with the relevant class to target with the required set of styles.

Although I think this workaround *should* work, this is untested, unsupported and not a solution I would use.

I have no plans at the moment to produce a ‘Tabby Accordions’ plugin as I don’t currently have that requirement for my own projects and I would only be able to dedicate time to create one if someone was to commission the work.

Thanks for the speedy response.
I’ll have a play with your suggestion.