Jan 16, 2025, 11:51 AM
Good man, thanks Armin. Taking the time to respond is very much appreciated.
D
domphilcox
@domphilcox
Posts
-
dynamically Resizing HTML element to show content of an iFrame -
dynamically Resizing HTML element to show content of an iFrameJan 8, 2025, 11:53 AMHi 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.
-
Change site logo (svg fill) and primary nav a colour on rows with background imageApr 9, 2024, 6:55 AMHey 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
-
Change color of fixed sitetitel/menu when scrolling down page (according to changing row-background)Apr 8, 2024, 2:23 PMYes, 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.
-
Site title color change based on backgroundApr 8, 2024, 10:40 AMHey Johannes, to achieve the effect, you just need to add the following css:
.sitetitle {
mix-blend-mode: difference !important;
} -
Change site logo (svg fill) and primary nav a colour on rows with background imageApr 5, 2024, 2:50 PMHi Johannes, thanks for getting back to me. I'll have a look around and post a link / video. Good man.
-
Change site logo (svg fill) and primary nav a colour on rows with background imageApr 3, 2024, 10:12 AMHi 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.
-
Change color of fixed sitetitel/menu when scrolling down page (according to changing row-background)Apr 3, 2024, 10:05 AMHey 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.
-
Single Product Page Mobile Footer SectionMar 15, 2023, 6:28 PM@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.
-
Single Product Page Mobile Footer SectionMar 11, 2023, 4:44 PM@domphilcox Hey Armin. Sorry to be the bearer of bad news, but it seems the issue has returned.
-
Single Product Page Mobile Footer SectionFeb 21, 2023, 2:26 PM@arminunruh Thanks Armin. All sorted. Good man.
-
Single Product Page Mobile Footer SectionFeb 10, 2023, 3:36 PM@arminunruh Seems my fix didn’t actual provide a robust fix after all. Will the bug be fixed in the next large scale update?
-
Single Product Page Mobile Footer SectionJan 16, 2023, 3:30 PM@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....
-
Single Product Page Mobile Footer SectionDec 13, 2022, 5:28 PM@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.
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com