Clickable Tab Section

Hey Tobias,

Thank you for the inquiry.

Are you trying to open the tab section items using the image above the tab section? Adding this script in the functions.php file should help.

// custom script
// scroll to active tab section
function ava_custom_script_tab_section_scroll() {
    ?>
    <script type="text/javascript">
    (function($) {
        function av_trigger_scroll_to_tab(s, e,) {
            $(s).on(e, function(event) {
                var load = e == 'load';
                    loc = load ? window.location.hash : $(this).attr('href'), 
                    hash = load ? loc : loc.substring(loc.indexOf('#')),
                    tab = $('.av-section-tab-title[href='+ hash +']'),
                    parent = tab.parents('.av-tab-section-outer-container'),
                    pos = parent.offset();
    
                tab.trigger('click');
                
                if(hash) {
                    setTimeout( function() {
                        $(window).animate({scrollTop: pos.top - 100});
                    }, 300 );
                }
            });
        }
        
        $(document).ready(function() {
            var tabs = $('.av-tab-section-container');

            if(tabs.length == 0) return;

            av_trigger_scroll_to_tab( 'area', 'click' );
            av_trigger_scroll_to_tab( window, 'load' );
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action( 'wp_footer', 'ava_custom_script_tab_section_scroll', 9999 );

Best regards,
Ismael

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike