Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 23, 2018 at 5:07 pm #1025522
    zerodotnine

    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

    October 24, 2018 at 10:48 pm #1026145
    Basilis

    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

    October 25, 2018 at 12:44 pm #1026329
    zerodotnine

    Thank you so much for taking a look into this

    October 30, 2018 at 2:55 am #1027808
    Ismael

    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

    October 31, 2018 at 2:51 pm #1028490
    zerodotnine

    Hi

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

    • This reply was modified 6 years, 2 months ago by zerodotnine.
    November 5, 2018 at 7:09 am #1029781
    Ismael

    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

    November 6, 2018 at 1:10 pm #1030377
    zerodotnine

    Thank you, the second script worked perfectly!

    Have an awesome day

    November 7, 2018 at 9:01 am #1030735
    Rikard

    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

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