Arrows on tab section

Hey Oscar,

Please provide a link to your site/page in question so we can look into this issue further.

Best regards,
Jordan Shannon

Hi,

I’m currently only seeing a right arrow on your page. Did you already add any custom css for this?

Best regards,
Jordan Shannon

Hi Oscar,

Please add this code at the bottom of your child theme’s functions.php:
(If you don’t have a child theme) you can download and find the instructions in our documentation: https://kriesi.at/documentation/enfold/child-theme/

function tab_section_arrows(){
    ?>
    <script>
        (function( $ ) {
            var $ts = $('.av-tab-section-outer-container');
            var $tab = $ts.find('.av-section-tab-title');
            
            getActiveTab();

            $tab.on('mouseup', function() {
                setTimeout(getActiveTab, 100);
            });
            
            function getActiveTab() {
                if( $tab.first().hasClass('av-active-tab-title') ) {
                    $ts.addClass('av-start');
                    $ts.removeClass('av-end');
                } else if ( $tab.last().hasClass('av-active-tab-title') ) {
                    $ts.addClass('av-end');
                    $ts.removeClass('av-start');
                } else {
                    $ts.removeClass('av-start');
                    $ts.removeClass('av-end');
                }
            }
            
        }(jQuery));
    </script>
    <?php
}
add_action('wp_footer', 'tab_section_arrows');

and on your Quick CSS, please use this instead (slight modification from the original):

@media only screen and (max-width:767px) {
  .av-tab-section-outer-container:after,
  .av-tab-section-outer-container:before {
    font-family: 'entypo-fontello';
    font-size: 50px;
    position: absolute;
    top: 100px;
    z-index: 1000;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }

  .av-tab-section-outer-container:after {
    content: '\e879';
    right: 20px;
  }

  .av-tab-section-outer-container:before {
    content: '\e878';
    left: 20px;
  }

  .av-tab-section-outer-container.av-start:before,
  .av-tab-section-outer-container.av-end:after {
    opacity: 0;
    visibility: hidden;
  }
}

Best regards,
Nikko