Hi Armin,
Hope you’re good?
I’m trying to update to the latest version of Laytheme (9.6.2) from version: 9.5.7, but I am getting the following error: "an error occurred while updating lay theme: update package not available.”
Any suggestions on how to fix would be greatly appreciated.
Thanks, D.
Good man, thanks Armin. Taking the time to respond is very much appreciated.
Hi Armin et al,
I’m having trouble figuring out how to dynamically resize an +HTML element to show the full content of an iFrame without scroll bars.
Searching the web, it seems that the only way to achieve this is by using Javascript. I’ve found a piece of code to do the job, but I’m unsure how to make it work correctly. I have no idea if the code will work with Laytheme or indeed if I have applied it correctly... any assistance you could give would be great appreciated.
Here’s the JS I have placed within the "Custom <head> content” section.
<script>
window.laytheme.on("newpageshown", function(){
var frame = document.getElementById("Iframe");
// Adjusting the iframe height onload event
frame.onload = function() {
// set the height of the iframe as the height of the iframe content
frame.style.height = frame.contentWindow.document.body.scrollHeight + 'px';
}
});
</script>
And here’s a link to the test page: https://zmr.eab.myftpupload.com/latest-jobs/
Again, any assistance you can give would be greatly appreciated.
Best wishes, D.
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.
@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.