Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2017 at 6:53 pm #756553
    siker007

    Hi,

    thanks for this new Tab Section feature!!! However, when tested out on mobile phone Samsung S7, it is not working at all..

    Mobile Responsive Problems:
    – When I click on the tab image, it is not taking me to the proper tab…nothing happens…
    – When I put the tab section in the middle of the page and then click on any tab it takes me to the top of the page…
    – When opened a tab, it is not showing content properly in a responsive way…not aligned to the left….too much white space on the left….see image attached…should show prices as well…but prices are missing…(when trying to put a product catalog list)

    Please help as this is such a good feature!:)

    March 8, 2017 at 5:22 am #757473
    Rikard

    Hey siker007,

    Thanks for the feedback. Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 8, 2017 at 9:23 am #757612
    siker007

    hi see in private my site…

    + One more feature request: when I’m in 1st tab and it has less content than 2nd tab, then why is there a very long empty white space to the bottom? Best would be when the content finishes in the 1st tab then the footer could be visible or the next section…. e.g. I have a long product catalogue list in the 2nd tab and this very long size makes all the other tabs the same long….so not very user friendly…

    March 14, 2017 at 8:50 am #760522
    Ismael

    Hi!

    Thank you for the info.

    Please add this in the functions.php file as a temporary fix.

    function ava_custom_script_fix(){
?>
<script>
(function($){
	function a() {
		$('.av-tab-section-container').bind('click', '.av-section-tab-title', function() {
			var active  = $(this).find('.av-active-tab-title'),
				number  = active.data('av-tab-section-title'),
				content = $(this).find('.av-layout-tab[data-av-tab-section-content='+ number +']').children('.av-layout-tab-inner'),
				oheight = content.outerHeight(true) + active.outerHeight(true) + 100;

				$(this).find('.av-tab-section-outer-container').css('max-height', oheight);
		});

		$('.av-section-tab-title:eq(0)').trigger('click');
	}

    a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_fix');

    We’ll notify Kriesi regarding the issue.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.