Height on Tabs Block

  • Resolved wpmax500

    (@wpmax500)


    2 years, 7 months ago

    Hey, i am using the tabs block.

    In the first tab, there is not much content. The first Tab is opened first.

    In the second tab, there is a lot content, so the container get’s very much height.

    Unfortunately, even when the first tab with only small content is opened, the whole height of the tab block is being reserved, so there is a large gap to the rest of the content further down on the site.

    Is it possible to dynamically adjust the height of the whole tabs container?

    Best regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter wpmax500

    (@wpmax500)

    2 years, 7 months ago

    ok, i have found a solution.
    maybe you can insert into core.

    /* Stackable Tabs 
   --------------
   If you have multiple tabs and, for example, the second tab has significantly more content than the first tab, the maximum space is still reserved for the container. That means if the first tab with little content is open, there could be 1000px empty below, just because another tab requires more space. This code completely hides the inactive tabs (including reserved space).
*/
div.wp-block-stackable-tabs .wp-block-stackable-tab-content div[hidden="true"] {
  display: none;
}
    Plugin Support Bernice Chua

    (@bernicechua)

    2 years, 7 months ago

    HI there @wpmax500 ,

    This is a known issue that has already been opened and filed for a fix. Thank you for sharing the solution you found!

    Alternatively, here is a Custom CSS* that you can add in the Advanced tab of the Tabs block as a workaround in the meantime:

    [hidden]{
    display:none;
    }

    *I must note that Custom CSS is a Premium feature.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Height on Tabs Block’ is closed to new replies.