Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 3, 2015 at 12:53 pm #390022
    jenki

    I see this is issue discussed in a few threads but it seems to still be a present bug.

    I have a section with an image background inside Color Section and set to Parallax but when you load the site the image is slightly moved to the bottom and a large white space appears at the top of the section.

    To fix it is very easy: just reside the browser in width and the image correctly resizes to fill the background.

    How can I fix this until the correct bug fix version is released?

    Thanks

    PS Yes I have latest versions of wp and enfold. Yes I tried on chrome, safari, ff, all latest versions. :-)

    February 3, 2015 at 1:03 pm #390025
    jenki

    Just an update:

    Using this css fixes the problem temporarily:

    .home div#av_section_1 .av-parallax {
    top: -50% !important;
    }

    .home div#av_section_2 .av-parallax {
    top: -75% !important;
    }

    .home div#av_section_4 .av-parallax {
    top: -85% !important;
    }

    February 3, 2015 at 1:38 pm #390034
    jenki

    Correction:

    this solves the problem in the opposite fashion: now when the page loads it works, BUT if I resize the width it moves UP and leaves a white space on the bottom.

    Basically the exact opposite.

    Thanks for any solution! I’m sure its just teaking the css code I wrote above.

    February 3, 2015 at 9:49 pm #390390
    Elliott

    Hi!

    I don’t think that should be happening in the latest version. Are you using 3.0.8?

    Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Best regards,
    Elliott

    February 4, 2015 at 9:17 am #390575
    jenki

    Thats what I thought when I was running 3.0.6 so I updated to 8 but nada.

    Anyway, the css solution above doesn’t work. Playing with section_4 I set -65% which is ok, but then discovered the resolution of the screen needs to be 800 max in height, so not a solution.

    Take a look here.

    On the home page near the bottom.

    PS I am having other trouble with inserting html in text blocks too. Before I post I wonder if the two issues are related.

    • This reply was modified 9 years, 10 months ago by jenki. Reason: Word url of website where the problem is. Corrected it
    February 5, 2015 at 1:39 pm #391294
    Ismael

    Hey!

    Please remove the modifications above then try this on functions.php:

    add_action('wp_footer', 'ava_fix_parallax', 10);
function ava_fix_parallax(){
?>
<script>
(function($){
	$(window).load(function() {
		var ls = $('.avia-layerslider').length;
	
		if(ls) {
			var parallax = $('.av-parallax').height(),
				parent   = $('.av-parallax').parent().height(),
				top      = (parallax - parent) * 1.5;
				
			$('.av-parallax').css('top', '-' + top + 'px');
		}
	});
})(jQuery);
</script>
<?php
}

    Regards,
    Ismael

    February 5, 2015 at 2:53 pm #391351
    jenki

    Nada. It works when you reload the page but then suddenly when the browser stops loading it goes out of shape and adds a white band above. As before, if you resize the browser width even just one mm it resizes properly.

    The link above is still correct to see the effect of the function and removed css as requested.

    Thanks.

    February 5, 2015 at 3:51 pm #391399
    Ismael

    Hey!

    Alright. It seems to work when I tested it on my installation. Did you remove the modifications that you added? Please post the login details here. We would like to check it.

    Best regards,
    Ismael

    February 5, 2015 at 7:59 pm #391611
    jenki
    This reply has been marked as private.
    February 6, 2015 at 10:43 am #391896
    Ismael

    Hi!

    I modified the code a bit and it looks OK now. What is the screen resolution of your monitor?

    Cheers!
    Ismael

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