Use Accordion at all Screen widths?

  • Resolved Sarah H

    (@sarahrbcom)


    7 years, 5 months ago

    Hello! First off, fantastic add-on, was just what I needed, thank you!

    Second, I love how the accordion functionality is styled for mobile. Is it possible to use that functionality at all screen widths? I have some content that is just too unwieldy for tabs and an accordion would be great. There are other accordion plugins out there, but why have two when one could do the job, right? Just thought I’d ask. Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author cubecolour

    (@numeeja)

    To make the tabs always display as an accordion, you can use a customised version of the tabby stylesheet copied from the default tabby stylesheet but with the responsive breakpoint set to a large number such as 9999 by changing the value for the media query decalaratons. The plugin documentation has a section about using a custom version of the stylesheet. The easiest way to achieve this without codeing is to use the optional ‘tabby responsive tabs customiser’ add-on which has a setting for the responsive breakpoint.

    Note that a single set of styles will be applied to all tabgroups on the site, so by doing this all tabgroups would be shown as an accordion unless some additional custom code to added which can apply different sets of styles to different tab groups.

Viewing 1 replies (of 1 total)
  • The topic ‘Use Accordion at all Screen widths?’ is closed to new replies.