Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 12, 2017 at 8:25 pm #759688
    CDuyvis

    Hi,

    I love the new tab section – it’ll make tabs much easier to work with in the back end, and the larger icons look really slick on the front end. I’ve encountered a few problems, though, which you can see in the link I’ve included.

    (1) It looks like all tabs share the same height – the height of whichever tab has the most content. So when a tab contains very little content, such as the first “Details” tab on the page I linked, there’s a lotttt of white space to scroll through before you reach the footer.

    (2) On mobile screens, only the first three tabs are visible. I understand that if you select one of the visible tabs, you can page through the other tabs, but it’s impractical to have content hidden like that. Most visitors wouldn’t know there are other tabs; if they don’t see what they’re interested in, they’ll simply move on. Even if they did know there were other tabs hidden, it’s not very user-friendly to require them to click through several times before seeing what other content the page might feature.

    I would love the option to use the transformation to accordion for mobile screens, like how the previous tabs functioned.

    Is there any way for me to change these elements?

    Thanks!

    March 13, 2017 at 3:44 pm #760043
    Neverlands

    ad (1)
    Hello,
    I have the same problem with the height of the tab contents.
    I am using various Masonry Galleries, some have only one image, some have 20 and more – the tab with only one image has a huge white space above and below the image..
    Is there any possibilty to use the height of the content of the active tab?

    Best regards,
    Neverlands

    March 16, 2017 at 11:36 am #761836
    Victoria

    Hi CDuyvis,

    The page you provided gives a 404 error, so we cannot check what the problem is.

    Could you please provide a valid link?

    Best regards,
    Victoria

    March 16, 2017 at 12:56 pm #761865
    CDuyvis

    Sorry about that:

    http://www.corinneduyvis.net/editions/on-the-edge-of-gone

    From what I can tell, though, this isn’t unique to my site, but simply how the new tabs behave, so it should be easy to spot elsewhere too. :)

    March 20, 2017 at 7:08 am #763510
    Ismael

    Hi,

    Thank you for the update.

    Please add this script in the functions.php file to fix the tab height temporarily.

    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');

    Remove browser cache or hard refresh before checking the page. We have reported the issue to Kriesi.

    Best regards,
    Ismael

    March 20, 2017 at 4:23 pm #763686
    CDuyvis

    That works perfectly – thank you!

    I saw elsewhere that work is also being done to make the new tab section responsive, right? I’ll eagerly await the next updates then. Thanks for your help. :)

    March 20, 2017 at 11:27 pm #763886
    Basilis

    Hey!

    Kriesi is still working on it, we think it will be inside April!
    Please feel free to let us know if we can do anything else for you

    Cheers!
    Basilis

    March 22, 2017 at 11:16 pm #765099
    ICTvoorjou

    Hey,

    The code from Ismael isnt working for us,
    Is there any other fix?

    Best regards,
    Ictvoorjou

    Thanks, it worked! i placed the code on the wrong place!

    • This reply was modified 7 years, 7 months ago by ICTvoorjou.
    March 23, 2017 at 7:06 am #765186
    John Torvik

    Hi ICTvoorjou,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

    April 5, 2017 at 10:25 am #772368
    wock_legacy

    I’m so glad I found this! Thanks a bunch for the solution to the height-issue. Looking forward to the responsive tab section in the future.

    Keep up the great work!

    Kind regards,
    David

    April 5, 2017 at 12:01 pm #772438
    Nikko

    Hey,

    Glad to hear that. Thanks for using Enfold :)

    Regards,
    Nikko

    April 5, 2017 at 5:15 pm #772673
    julianyoung

    Oh thank goodness for this! Let’s try and get this in the update please :)

    April 8, 2017 at 6:48 pm #774639
    DesignProvider

    i m not expert in css, where i have to put this code exactly?

    April 9, 2017 at 6:19 pm #775060
    Mike

    Hi,

    @DesignProvider    , the code posted was to be placed at the end of functions.php

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Problems with new tab section’ is closed to new replies.