Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 25, 2018 at 12:09 pm #946535
    Maw87

    Hello,
    I´m having a problem with the auto adjust height in Tab Section. I have a masonry gallery in my tab content and if I reload the page then I have lots of white space below the masonry. If I change the tabs then it works correctly but the first reload of the page has lots of white space.
    You can check in my private content.

    Thank you,
    Marc

    April 27, 2018 at 5:41 am #947630
    Ismael

    Hey Maw87,

    Thank you for using Enfold.

    I couldn’t reproduce the issue on my end. Please provide a screenshot on imgur or dropbox. You may want to disable the “Autoptimize” plugin now and use the theme’s compression feature instead.

    Best regards,
    Ismael

    April 27, 2018 at 7:45 am #947688
    Maw87

    Hi Ismael,

    I´ve just deactivated autoptimize and wp super cache and all the other plugins, but it doesn´t change anything. As you can see on screenshot 1 (private) theres a big white space below the masonry gallery on first view of the page. as soon as I switch the tabs and back to the first tab it works correctly (screenshot 2).
    I just recognized the problem appears just when the masonry gallery isnt visible at the first view of the page (screenshot 3). So the image-animations (images fading in) of the gallery starts when you scroll down.
    If I delete the “slide show full width” on top of the page, so that the masonry gallery is visible from beginning, then it works fine. But as soon as gallery isnt visible then the auto height function doesnt work properly in tab-section.
    Tried on another installation and same problem.

    Best,
    Marc

    April 30, 2018 at 7:51 am #948829
    Ismael

    Hi,

    Thank you for the update.

    Use the following script to trigger a resize event on page load. That should take care of the issue.

    // custom script
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
	function a() {
		$(window).trigger('debouncedresize');
		$(window).trigger('scroll');
	}

	a();
})(jQuery);
</script>
<?php
}

    Please don’t forget to remove the browser cache prior to checking the page.

    Best regards,
    Ismael

    April 30, 2018 at 10:13 am #948951
    Maw87

    Thank you, but it doesn´t work? Instead the chrome-console brings me the following error:

    (index):254 Uncaught ReferenceError: jQuery is not defined
    at (index):254

    Best,
    Marc

    May 2, 2018 at 6:32 am #949829
    Ismael

    Hi,

    The jQuery library should be loaded along with the rest of the theme’s scripts. Please try to deactivated the plugins temporarily. I still can’t reproduce the issue on my end.

    Best regards,
    Ismael

    May 2, 2018 at 7:28 am #949862
    Maw87

    Hi,
    okay – thank you. I had no caching plugins activated, but the new enfold-performance-setting “Load jQuery in your footer” was activated. After deactivating it, now it works :)
    thank you!

    best,
    Marc

    May 2, 2018 at 11:05 am #949958
    Ismael

    Hi,

    The script probably loaded before jQuery. Glad it is fixed. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Tab-Section: Auto adjust height doesnt work correct’ is closed to new replies.