Lay Theme Forum

Ok, I will write it down. Thanks for the suggestion.

i see i have this code in lay theme: #footer-region { overflow: hidden; } Any containers that position sticky is in can't have overflow hidden otherwise position: sticky; doesn't work. This is not a constraint of Lay Theme but this is simply a constraint of CSS and HTML in general. Could you please use this custom CSS, and I'll remove this code above from Lay Theme with the next update. #footer-region { overflow: visible!important; } Enter this css in "lay options" -> "custom css & html" -> "custom css"

hey now vimeo embed has settings, can u check it out? you can disable controls with it, enable autoplay and more! u just need to update lay theme and it should give u these settings when editing/adding a video added with +video -> +youtube/vimeo video

it's a stack that contains a text block + element grid that responds from desktop, tablet and mobile

no its not possible! i will add it to my todo list. not sure when i will have time to work on it

Hey there, a carousel for a new thumbnail is now possible. Or a video or mouseover image. I'm not sure if I have enough time at the moment to add this.

#lay-overlays #grid{ background-color: transparent!important; } .lay-overlay > .lay-content{ background-color: transparent!important; } sure just on chrome, right click the overlay, inspect element and get the appropriate css selector [image: 1693899662788-screenshot-2023-09-05-at-09.39.39.png] the css u used is this: #lay-overlays #grid.id-37 { background-color: transparent!important; } .lay-overlay > .lay-content { background-color: transparent!important; } however, you need to use #grid.id-18: #lay-overlays #grid.id-18 { background-color: transparent!important; } .lay-overlay > .lay-content { background-color: transparent!important; }

can u send a link?

nope for me it works! send a link please also please update everything again before and see if it works

Dear @adam I was unable to recreate your issue when using a Thumbnail Grid in the Footer with the hover image option "on". [image: 1629356555176-screen-shot-2021-08-19-at-7.00.37-pm-resized.png] [image: 1629356567612-screen-shot-2021-08-19-at-7.00.59-pm-resized.png] Though i do agree that when editing the Thumbnail grid the image content disappears if that is a bug? [image: 1629356633865-screen-shot-2021-08-19-at-7.01.44-pm-resized.png] If debugging please make sure of the following: Wordpress, Lay Theme & Laytheme's Addons are all up to date ? Any custom CSS or JS that may interfere is temporarily removed. Any third-party plugins are de-activated to see if this resolves the issue. Best wishes Adam and have a wonderful day 🌝 Richard

Dear @adam Thank you for looking into this, The Image-hover Addon is only working in the main 'Gridder' field and not currently in the "Element Grid" Though not directly a bug, its obviously an important next step so i will put it in the development notes to be discussed, Thank you for your patience regarding this and for bringing it to light, Best wishes Richard

Dear @adam I have recreated your setup and the same occurs with me. I make a full width image within Desktop Layout - Mobile Gridder options are set to 0% for the left and right edge frame. When i go to change Gridder setup to Mobile Layout it is fullscreen on the backend but on the front end has the left and right margin as you say but when i go and re-size the image in the Gridder again to the same size now it works fullscreen. However when i go into Customiser i notice interestingly enough that it has its own set Mobile left and right frame percentage: [image: 1605141361850-screen-shot-2020-11-12-at-1.31.47-pm-resized.png] So i also set this to 0% and now when i make a fullwidth image and change to Mobile Layout i keep the full width that we want. Seems to be an issue with the Customiser having the last say on how the Mobile Layout should be! Let me know if this works for you too and have a wonderful day Best Richard

Dear @adam Can you post a link to your website? We will then have a look and inspect that! Many wishes! Marius

Dear @adam also have a look here: https://www.w3schools.com/cssref/func_calc.asp Hope that helps! Best! Marius

Hi @adam this can be done with jQuery. Add the class back to the body which hides the navigation when you reach the bottom. When you learn the very basics of jQuery this is already possible. Have a look here: https://gist.github.com/toshimaru/6102647 All the best! Marius

HI @adam by right clicking on an image you can give it a class. Then you can apply the CSS only to that class. Yes. Of course. The image with get bigger because of the "frame". You need to work with that – or you make the frame as a part of the image. The solution I proposed is more a workaround – because this is not a very common thing to do. Best! Marius

Hi @adam This is because the content is too long. So it automatically switches to the stacked version. You can make an alternative mobile Layout and put in less text. Best! Marius

Hi Adam, this is not a default option but you can achieve this with jQuery. Have a look here: https://stackoverflow.com/questions/10555998/change-css-element-with-jquery-when-scroll-reaches-an-anchor-point https://stackoverflow.com/questions/13456531/jquery-change-div-css-on-scroll-and-also-change-back http://jsfiddle.net/elclanrs/h3qyV/1/ And don't forget this: http://laytheme.com/documentation.html#custom-javascript Good luck! :-) Marius

Dear @huertels ah, that is a great effect. Thank you for sharing. Best! Marius