Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1025522

    Hi
    I have added a masonry element into a tab section to display news articles.
    I have chosen a tab section as recommended on the forum as I require the load more button to load in additional articles.
    This works well until new articles are loaded in and the height of the tab section is not adjusting completely correctly, often not going long enough for the last article to show or the load more button.

    Is there a way to have the section show the whole detail? This is very nearly working perfectly except for the height.

    Any help is hugely appreciated as this is so close to working but I am now stumped.

    Many thanks

    Jon

    When the

    #1026145

    Hey zerodotnine,

    I can understand that, because the tab is hard to extend in height. We will have to dig a little bit more on it – so allow us some time please.

    Best regards,
    Basilis

    #1026329

    Thank you so much for taking a look into this

    #1027808

    Hi,

    I think this is already fixed on version 4.5. Please upgrade the theme manually.

    Change log:

    - fixed: an issue with portfolio javascript breaking on complex ALB pages
    

    Best regards,
    Ismael

    #1028490

    Hi

    I have updated the theme to 4.5 and the issue is still there on firefox browser.

    • This reply was modified 5 years, 5 months ago by zerodotnine.
    #1029781

    Hi,

    I can reproduce on firefox but only the load more button gets cut off. This script should help resize the tab height when the load more button is clicked.

    add_action('wp_footer', 'ava_custom_script_tab_resize');
    function ava_custom_script_tab_resize(){
    	?>
    	<script type="text/javascript">
            (function() {
               $('.av-masonry-load-more').on('click', function() {
                setTimeout( function() {
                    $(window).trigger('av-content-el-height-changed');
                }, 1000);
               });
            })();
    	</script>
    	<?php
    }

    If it doesn’t work as expected, try this:

    add_action('wp_footer', 'ava_custom_script_tab_resize');
    function ava_custom_script_tab_resize(){
    	?>
    	<script type="text/javascript">
            (function() {
               $('body').on('av_resize_finished', function() {
                    $(window).trigger('av-content-el-height-changed');
               });
            })();
    	</script>
    	<?php
    }
    

    Best regards,
    Ismael

    #1030377

    Thank you, the second script worked perfectly!

    Have an awesome day

    #1030735

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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