Issues with container height

Hi,
Thanks for your patience, for your team page this css seems to help:

#top #main .av-layout-tab-inner {
	overflow: visible !important;
}

but I was not able to find a solution for your first page, I tried many different ideas, and couldn’t find the cause.

Best regards,
Mike

Hi!

Please try to add this script in the functions.php file:

function ava_custom_script()
{ ?>
    <script>
            (function ($) {
                $(document).ready(function () {
                    $('details[open]').click(function () {
                        var tabId = $(this).closest('.av-layout-tab').attr('id');
                        console.log(tabId)
                        if (tabId) {
                            var targetToggle = $('[aria-controls="' + tabId + '"]');
                            console.log(targetToggle)
                            if (targetToggle.length) {
                                setTimeout(function () {
                                    targetToggle.trigger('click');
                                }, 1000);
                            }
                        }
                    });
                });
            }(jQuery));
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 99);

Thank you for your patience.

Regards,
Ismael

Hi,

Thank you for the update.

We updated the functions.php file and added the modified version of the script. The tab section should now resize correctly when the details tabs are toggled.

function ava_custom_script()
{ ?>
    <script>
        (function ($) {
            $(document).ready(function () {
                $('details').on('toggle', function () {
                    if (this.open) {
                        var tabId = $(this).closest('.av-layout-tab').attr('id');

                        if (tabId) {
                            var targetToggle = $('[aria-controls="' + tabId + '"]');

                            if (targetToggle.length) {
                                setTimeout(function () {
                                    targetToggle.trigger('click');
                                }, 1000);
                            }
                        }
                    }
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

But when I add your code to functions.php of the live site https://chiway.ch/diplom-lehrgaenge/akupunktur-und-tuina/#toggle-id-11 it doesn’t work in the same way… ?

It seems to be working as expected. The script should force the tab section to resize when the details or summary tab is clicked. Could you provide a short video clip of what is happening on your end?

Also: on both sites (development and live) when I open an ajax portfolio entry

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael