Lay Theme Forum

This is perfect. Thank you so much!

Thank you both so much for your support so far! So It works! <3
There is only one problem, I rearranged the code a little bit because the code above was the wrong way (Logo disappeared when scrolling below the fullscreen slider, I wanted it the other way around)

So the code Rn is like this:

<script>	
	window.laytheme.on("newpageshown",function() {

var logo = jQuery(".sitetitle.img");
jQuery(window).scroll(function() {
    var scroll = jQuery(window).scrollTop();
    if (scroll >= window.innerHeight-100) {

		        logo.removeClass("invisible");
        /*logo.addClass("visible);*/
    } else {
        /*logo.removeClass("visible");*/
        logo.addClass("invisible");
    }
});
});
</script>

The only thing right now is that the logo is shown when you load the site, by the moment you scroll it disappears and when you scroll below the fullscreen slider it appears. I want the logo to not be shown at the beginning when you load the site, it should only appear for the first time if you scroll below the header area. Can you help me with that?

And second question: Is there a way to only have this behavior on the landing page and not on sub pages? I added the script in the header file, so its global right now - I am using a category page as a landing page.

All the best

Mischa

Hey There and sorry for the late response, I need the images and the text fixed - no paralax effect, just scroll evenly like other elements! :)

And If I dont have any css skills? :D

Hey There I am currently working on my website: http://www.badkidsproduction.com/

And I would love to have the logo in the menu bar (top left) to disappear until you scroll below the fullscreen video slider, because I dont want to see it twice.

Is there a way to do this?

Thank you! :)

Mischa

Hey There, I was just wondering if there is a possibility to overlay a text over a whole project page layout. I added a photoshop mockup that shows the idea.

Thank you for the help <3