Hey there,
Is it possible to hide individual elements (e.g. site title, nav, text elements, images, etc.) when the mouse is idle (and make them reappear when the cursor is in motion) on a specific page in LayTheme? Just like here, but I already tried using this solution to no effect:
https://codepen.io/karlyhoffman/pen/YLmKLY
Any help would be greatly appreciated.
Thanks in advance
Thank you for many years of tech support, answering questions, correcting custom code, etc.
All the best with your future endeavours.
Hey @mariusjopen
Thanks so much for your reply.
Yes, I've tried it but no luck with the results so far; once the full screen slider is on the scrolling stops – if the full screen slider is off then it works fine. Do you have any idea what could be causing this issue? I can share the website link via private message if you'd be kind enough to take a look.
Many thanks again
Hi @arminunruh
Just checking if there is any news on this yet. None of the theme updates since this was reported fixed this issue.
Would greatly appreciate any fix as my project massively depends on this and can’t be handed over to the client because of this bug. Please. Thanks in advance.
The text doesn’t sync between desktop and mobile layouts when placed in the stack.
Illustrative example:
You have text placed inside the stack in the desktop layout and not in the stack in the mobile layout. Now, if you edit the text inside the stack in the desktop layout, then it won’t sync with the text (not inside the stack) in the mobile layout. HOWEVER, if you edit the text in the mobile layout (which is not in the stack), then the text will sync with the text in the desktop layout (which is inside the stack). If you place the text inside the stack in both layouts (mobile & desktop), then the text won’t sync at all.
I hope this is clear enough to understand.
It’s a crucial problem for me as my project heavily relies on this. Any chance to have this fixed ASAP please, please, please!
Currently running on the latest version of LayTheme.
Hi there,
I experience an issue when opening full-screen mode in the Vimeo embed as the site title and navigation don’t disappear (i.e. they still stay on top of the video). Screenshot below. Is there any quick fix for this? I just need to see the full screen video with nothing else on it. Thanks
Hey there,
Is it possible to hide individual elements (e.g. site title, nav, text elements, images, etc.) when the mouse is idle (and make them reappear when the cursor is in motion) on a specific page in LayTheme? Just like here, but I already tried using this solution to no effect:
https://codepen.io/karlyhoffman/pen/YLmKLY
Any help would be greatly appreciated.
Thanks in advance
Hey @Richard-K
Thanks for getting back to me on this.
Here is the code:
$('body').on('mousewheel touchmove', function(){
if($('.black').length){
var windowOffset = $('.black').offset().top - $(window).scrollTop() - 19;
if(windowOffset <= 0){
$('.mobile-title svg path').css('fill', "#fff");
$('.bread-crust-top').css('background', "#fff");
$('.bread-crust-bottom').css('background', "#fff");
} else {
$('.mobile-title svg path').css('fill', "#000");
$('.bread-crust-top').css('background', "#000");
$('.bread-crust-bottom').css('background', "#000");
}
}
});
Many thanks again and best wishes!
Hi @arminunruh and @Richard-K
I was wondering whether you could help me?
On my site (in the mobile viewport), I’m trying to set up a sitetitle (in svg format) and a menu nav (burger in svg) to change colour as your scroll between black and white backgrounds/rows. I’ve managed to almost make it work but the problem is that the logo and nav don’t change the colour immediately after entering into the relevant row. You need to scroll up or down a little bit in a opposite direction to make it switch colours. Could you advise how can I make it work in a smoother fashion?
Here is the link: http://foi.elmot.atthouse.pl/information
The logo and the nav should change the colour from black to white immediately after entering the black background and then reverse it when you scroll back to the white background.
This apparently is working flawlessly on Android devices at the moment, but not in Safari on iPhone 7 (iOS 14.2).
Many thanks in advance
right click on the stack and then click on edit HTML class and id. type something in the class section, for example rhubarb and then add the following code to the custom css and html -> custom css :
.rhubarb{
z-index: 100;
}
it should work
hi @arminunruh
Thanks for the reply. No worries about that. In the meantime, I was trying to resolve these issues myself and came to the following conclusions.
Re 1: You can fix this issue by adding a custom CSS class to the stack with w z-index included. Nonetheless, it would be great to have that fixed at some point.
Re 2: This is still an ongoing issue. The cover feature and full-screen slider lack compatibility in the mobile viewports, however, the rest of the issue can be resolved by adding the z-index in the custom CSS.
Re 3: This bug is still there, but, now I understand better what is causing it. If you place and centre video embed (i.e. Vimeo) in the mobile viewport with “Use Browser Height for Row Height” option and cover feature active, and then add another element such as text (like I did “Project information“ in the screenshot above) to the same row, the whole layout will go out of the window. If you remove the text element or place it in the stack together with the video embed, the site is coming back to normal.
Nothing new regarding 4 & 5
Anyone can help with this?