Lay Theme Forum

Hey Johannes, as you have probably already seen, Armin took up the challenge and provided the solution and code. Both of which can be found here: http://laythemeforum.com:4567/topic/3704/change-color-of-fixed-sitetitel-menu-when-scrolling-down-page-according-to-changing-row-background/14

Yes, Armin! You're a legend. To not only look into this, but the tidy up the code AND explain where I went wrong and why it wasn't work, that's incredibly generous of you. I have a feeling your code will be used on plenty of sites in the future. Thanks again.

Hey Johannes, to achieve the effect, you just need to add the following css:

.sitetitle {
mix-blend-mode: difference !important;
}

Hi Johannes, thanks for getting back to me. I'll have a look around and post a link / video. Good man.

Hi all, I'd in search of someone the write the JQuery / JS required to change the site logo (svg fill) and primary nav a colour when appearing on rows with background image. I've see a few threads in the forum dedicated to this topic, but I can't get the shared code to work. To be clear, I'm reaching out with the full intention of paying for the solution / code.

Thanks, D.

Hey Marius / Armin, I've been trying to apply the most recent code shared but with no joy. I have no experience in writing JQuery or JS from scratch but have managed to use many of the snippets you have kindly shared in the past. Given that this thread is six years old, I wonder if you could let me know if it should still work as described or if it's no out of date. Any help would be greatly appreciated. Thanks v much.

@arminunruh Hi Armin, sure thing. The problem only exists on mobile (iPhone) desktop is fine — even when in developer mode & mobile view. The issue effects all WooCommerce single product pages and beyond.

https://55screen.com/product/bicer-after-deportation/

@domphilcox Hey Armin. Sorry to be the bearer of bad news, but it seems the issue has returned.

@arminunruh Thanks Armin. All sorted. Good man.

@arminunruh Seems my fix didn’t actual provide a robust fix after all. Will the bug be fixed in the next large scale update?

@arminunruh Hi Armin. Thanks for following up. Sadly the recent sticky footer fix hasn't solved the problem.

It seems to be caused by the min-height: calc(100vh - **); on the .lay-content div within the WooCommerce pages.

I think I've found a fix by adding the following to the mobile custom css:

/* WOOCOMMERCE STICKY FOOTER FIX */
body.woocommerce-page>.lay-content {
min-height: auto !important;
}

Fingers crossed....

@Buntesamt I too have this issue. The issue is caused by turning on the sticky footer feature in Footers. As far as I can make out, it's because the sticky footer feature adds min-height: 100vh to the lay-content div. The problem is that the lay-content div is empty bar the footer section. I've tried setting the min-height: unset !important to override it on the single product page but with no luck. Really need a fix for this too.