Global Moderators

Dear @brogr
here everything works fine, no?

Is it different for you?

Best!

Marius

Dear @juanpinkus
all works fine here…

Best!

Marius

CooL! Happy to know!

Dear @JuS
good point @edgrbnz
Also I would try to get rid of all the CUSTOM CODE.

Maybe a class or ID gets used twice.

Best is if you write me a PM and include your username, password and a link to this conversation.

Marius

Dear @jw
resizing works fine here.
Can you show a quick screen recording?

Best!

Marius

Dear @Des

it works.

Have a look at my test-oage. It will be online for a couple of days. Open the Devtool Inspector to see the Log messages:
http://www.laytheme.mariusjopen.com/change

<script>
    var offset = 50;
    var $blackRows;
    var $nav;
    
    Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){
        $blackRows = jQuery(".blackrow");
        $nav = jQuery(".navbar");
        $nav.removeClass("white");
        $sitetitle = jQuery(".sitetitle span");
    });
    
    jQuery(document).on("scroll", function(){

        $blackRows.each(function(){
            var rect = this.getBoundingClientRect();
            if(rect.top - offset < 0 && rect.bottom - offset > 0){
                $nav.addClass("white");
                $sitetitle.text( "NEW TITLE" );
                console.log("WHITE");
                return false;
            }else{
                $nav.removeClass("white");
                $sitetitle.text( "OLD TITLE" );
                console.log("BLACK");
            }
        });
    });
</script>

I added a log message when a class should get changed.

Try again :-)

Best!

Marius

Dear @christianperdix
that is weird.
Did you migrate the website from another website?
Maybe something got mixed up.

Best is if you write me a PM and include your username, password and a link to this conversation.

Marius

Dear @boehmi
the console shows a Javascript error.
Do you use CUSTOM JAVASCRIPT?

Best!

marius

Dear @alexvan97
maybe you can do it with plain CSS.

But i would use jQuery because you are more in control. Whatever solution works better for you.

Opacity is a good solution because you can use the transition effect. Probably you need to use the z-index as well to place it behind the text.

It is only the colour of the text which will change, right? So you could do that with CSS and color.

With place them under each other I mean:

If you anyway position all the project images/thumbnails with position: fixed. It does not matter where they are in the Gridder.
So I would place those images under each other and assign them with a class.

Hope that helps :-)

Best!

Marius

Cool! Hope it will work!