Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 20, 2016 at 2:32 pm #689245
    fsparker16

    Dear Support,

    we used Enfold within a project and customized a lot. We are using a Color Section above the menue, a sticky Color Section as Menue and LayerSliders for Video. Also we managed to use the color section “how it should be” in terms of 100% Background and propper Rezize.

    For us the site looks good.

    The only thing that we couldn’t find out is why there are whitespaces when the page is loaded for the first time.
    When you for example use Firebug or a tool to look into css the site reloads and looks fine.

    We are looking forward to your advice.

    Best regards,
    Stefan

    September 20, 2016 at 2:38 pm #689254
    Yigit

    Hi fsparker16!

    Please change your code to following one 

    #av_section_2 {
    top: 0 !important;
    position: fixed;
    background-color: #ffffff !important;
    z-index: 2000;
}

    If issue remains, please post a screenshot and show it. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here. This will fix the only issue i am seeing on Firefox.

    Regards,
    Yigit

    September 20, 2016 at 3:28 pm #689330
    fsparker16

    Hey Yigit,
    it’s not a bug it’s a feature. Thanks for your feedback, but your suggestion is removing a feature that we created.
    The website is working with the sticky color section after the first color section.
    The Whitespace is after each LayerSlider.

    Best regards.
    Stefan

    September 20, 2016 at 5:28 pm #689444
    fsparker16

    Anyone?

    September 26, 2016 at 5:07 am #691446
    Ismael

    Hi,

    It looks like the whitespaces are gone once you resize the browser. Please try this in the functions.php file:

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 1500);
	
	$(window).load(function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 5000);
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    September 27, 2016 at 9:47 am #692101
    fsparker16

    Hey Ismael,

    thanks for the reply. We are almost there. Now everything looks good when the page is loaded, but once you resize the browser window there is whitespace again. Can we use the layerslider so it’s always 100% width and 100% height no matter if you resize the window. Please see our current website as example. You can do whatever you want with the browser window and the videos are always 100% width and height within their containers.

    Thank you very much.

    Best Regars
    Stefan

    • This reply was modified 8 years, 1 month ago by fsparker16.
    September 30, 2016 at 1:18 am #693455
    Josue

    Hi,

    Spacing looks off on resize because the script runs on load, not sure if this is really a problem because once the window is resized if you reload the issue will be gone, what i mean is that most users will load the site in their window size and it will look fine for them.

    Best regards,
    Josue

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