Tagged: , ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • September 20, 2018 at 11:46 pm #1012521
    jnetsc

    After opening the page in Safari (newest version) the parallax container had a white block above it, I inspected the page and saw an inline-style height and when I toggled that off it fixed the container, when toggling back on it went back to the way it was previously. I took screenshots just in case this had issues being “recreated” so you knew what I was referring to. Here are those screenshots: https://imgur.com/a/TeDRb3Q

    To recreate this I had to do a hard reload (dumping the cache and reloading) which in Safari is done by holding Shift and clicking the reload button in the toolbar, or by pressing Cmd+Option+R. I had to do this MULTIPLE times for it to recreate the issue. But sometimes just visiting the page for the first time can have it load up like that.

    Please help!

    Edit: Here is the page I was using to test but it seems to do this on any page with a parallax background image https://fwcchurches.com/florence/family-life/

    • This topic was modified 6 years, 3 months ago by jnetsc.
    September 24, 2018 at 4:08 am #1013455
    Ismael

    Hey jnetsc,

    Thank you for using Enfold.

    This script should reposition the parallax container on page load.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		console.log('tick');
		$(window).trigger('resize');
		$(window).trigger('av-content-el-height-changed');
	}, 1000);
	
	$(window).on('load', function() {
		clearInterval(int);
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    September 24, 2018 at 5:31 pm #1013722
    jnetsc

    Ismael,

    Thanks for the quick response!

    Where should I put this code at?

    September 24, 2018 at 8:37 pm #1013825
    Victoria

    Hi jnetsc,

    You need to put this code in the child theme/functions.php.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 24, 2018 at 10:01 pm #1013869
    jnetsc

    Thanks Victoria

    I put the code in the functions.php file and the problem still persists

    • This reply was modified 6 years, 2 months ago by jnetsc.
    September 25, 2018 at 12:59 am #1013943
    Guenni007

    try to refresh all the caches – and in case you are merging css and js files (as in Enfold – Performance – these settings are enabled ) scroll down – there is “Delete old CSS and JS files?” and mark that field and save all changes.

    September 25, 2018 at 5:24 am #1013980
    Rikard

    Hi,

    Please try the suggestion posted by @guenni007, if that doesn’t help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    September 29, 2018 at 7:16 pm #1016137
    jnetsc

    It looks like this has worked!

    The options that Guenni007 mentioned weren’t on (the css and js file merging). Once I turned that on it seemed to have fixed it. I’m not sure why turning that option on fixed it, but it did.

    Thanks all for the help!

    September 29, 2018 at 7:24 pm #1016144
    Victoria

    Hi jnetsc,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 5, 2018 at 12:01 pm #1041181
    Jables

    Dear Kriesi team,
    I put in the script in functions.php and deleted old CSS and JS files but the problem still appears.
    Can you please help.
    Thank you!

    December 6, 2018 at 11:53 am #1041579
    Ismael

    Hi,

    @Jables: I can’t see any issue on that page. Can you give us a screenshot? Use imgur or dropbox.

    Best regards,
    Ismael

    December 7, 2018 at 8:18 pm #1042192
    Jables

    Hi Ismael,

    It looks like it appears when you scroll down even when the page and the pictures are not fully loaded.
    (And it appears when you switch to Spanish language.)

    Screenshot: https://imgur.com/a/j56vVNN

    Thank you

    • This reply was modified 6 years ago by Jables.
    December 10, 2018 at 5:42 am #1042898
    Ismael

    Hi,

    Thanks for the screenshot. Did you enable the Enfold > Performance > File Compression settings, or install any cache plugin? Please disable those temporarily and then add the script again.

    Best regards,
    Ismael

    December 10, 2018 at 8:30 am #1042954
    Jables

    Hi Ismael,

    Yes I had the WP Super Cache Plugin enabled.
    I disabled it, deleted and then added the script again, deleted cache in Safari and it seems to work.

    Only thing now: When you switch to Spanish, it appears again. When I reload the page it is gone.
    Also, when I click on one of the tours in Spanish and go back to e.g. Excursiones it appears again. It’s so weird.

    Thank you for your help and patience.
    Best, Jables

    December 11, 2018 at 2:09 am #1043492
    Ismael

    Hi,

    I can’t reproduce the issue on Chrome or Opera, Windows 7. Are you sure that you’re not looking on a cached page? Please try to do a hard refresh.

    // https://imgur.com/a/Niye0Jp

    Best regards,
    Ismael

    January 10, 2019 at 8:16 pm #1052471
    Jables

    Hi Ismael,

    Thank you for your reply.
    I only have that problem in Safari – it’s still there. Any ideas?

    Thank you
    Jables

    January 12, 2019 at 3:07 pm #1053111
    Victoria

    Hi Jables,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    January 12, 2019 at 5:03 pm #1053155
    Jables
    This reply has been marked as private.
    January 21, 2019 at 12:55 pm #1056586
    Victoria

    Hi Jables,

    Well, when I first visited the website could still see the issue. Then I disabled css and JavaScript merging and the issue seems to be gone.

    Please check.

    Best regards,
    Victoria

    January 21, 2019 at 2:15 pm #1056652
    Jables

    That’s awesome. The issue gone.
    Thank you very much.

    So you disabled CSS and JavaScript merging in the Performance Panel (Enfold Theme setting)?

    Thank you,
    Jables

    January 22, 2019 at 6:19 am #1057032
    Rikard

    Hi,

    Yes, that looks to have been the problem. Please try that out if you should encounter a similar problem again.

    Best regards,
    Rikard

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