can tabs block open with all tabs closed?

  • With the tabs block, is there a way to keep all the tabs closed when the page loads? This is especially important for me in mobile because the content in some of the subtabs is so long that the closed accordion tabs aren’t visible.

    Also, the second tab, “Why”, seems to be in a different style but I can’t figure out how it got that way or how to change it to the other or the other to it. Thanks for your help.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @ademb,

    I visited the page you linked and I see that you have an outer Tabs block with Tabs blocks inside its tabs. The Tabs block does not have an option to keep all tabs closed on load. This is by design as the desktop layouts require visible content.

    In this case, the problem looks like the inner tab content that turns the Tabs blocks into an accordion layout. As I mentioned, there isn’t an option to load the accordion layout of the Tabs block with all of the tabs closed.

    As a workaround, you can use the Visibility Settings for the Row Layout or Section blocks. For example, place the inner Tabs blocks inside of a Row Layout. Use the Visibility settings to hide the rows for mobile devices.

    Then, create another Row Layout to house an Accordion block. While the accordion layout of the Tabs block doesn’t allow you to close all the tabs on load, the Accordion block does. You can hide the second Row Layout with the Accordion block on desktop devices. This method requires you to have a design for the desktop, and another for the mobile devices. However, you can accomplish your goal of keeping the tabs for the Accordion block closed on mobile devices.

Viewing 1 replies (of 1 total)
  • The topic ‘can tabs block open with all tabs closed?’ is closed to new replies.