Lay Theme Forum

you mean put
images, videos, carousels inside the element grid?
or inside the thumbnail grid?

probably you mean element grid

Screenshot 2024-09-06 at 15.19.47.png

Hi @antonioprado

What element would you like hidden on Ipad? just to clarify ( navbar of browser ) :

Screen Shot 2020-12-19 at 12.40.17 PM.png

Best
Richard

jQuery(window).scroll(function() { // check if scroll event happened if( window.innerWidth > 700 ) { if (window.scrollY > 50) { // check if user scrolled more than 50 from top of the browser window jQuery(".navbar").css("background-color", "rgba(255, 255, 255, 0.4)"); // if yes, then change the color of class "navbar" to white (#ffffff) and 0.4 opacity // jQuery(".navbar").css("background-color", "#ffffff"); // if yes, then change the color of class "navbar" to white (#ffffff) jQuery(".navbar").css("backdrop-filter", "blur(5px)"); // if yes, then change the blur to 5px } else { jQuery(".navbar").css("background-color", "rgba(255, 255, 255, 1); jQuery(".navbar").css("backdrop-filter", "blur(0px)"); // if yes, then change the blur to 0px } } });

Dear @antonioprado
you could achieve this only with the Carousel plugin.

You need to customize it, that it has the full browser height.

Best!

Marius

Dear @mtzonev
Can you be more specific? Then I do not dig through the whole thread to figure out the issue :-) Thank you a lot!
Marius

Thank you guys!!!

Dear @antonioprado
I cannot see your website, so it is difficult to give you advice.
But have a look here:
http://laytheme.com/documentation.html#custom-javascript

Best!

Marius

Cool! I wrote it down!

Dear @antonioprado
cool. Let us know how good it works.

Best!

Marius

You are welcome!

Hi Ruwie,

I cannot code you the whole thing. There is not enough time for me to do so.

But have a look here:

In the body class is a class called fp-viewing-0.

When you scroll and when it switches the slide – it will jump to fp-viewing-1, then to ````fp-viewing-2`````and so on.

You need to count first how many slides there are.
You can do this by counting the number of rows in the div with the class .grid.

Then you make a loop which with a delay of X seconds iterates the last number of the fp-viewing-1 class.

Good luck!

Marius

A pleasure!

Hi antonioprado!

Great! Success!

Once you got it – you can do much more than random backgrounds ;-)

Best!

Marius

@mariusjopen Hello!! I just find out how to add elements under others! I just activated the option "user browser height for row height".

Thank you! :D

@preciousstuff Hi! Sorry for the late answer! Yes, the problem is solved! As Armin says, it's not a theme problem; i called my host provider and told them the problem, and it's a folder's permission (don't know exactly what they did, but the problem disappear immediately! So, you have to call your host provider again and tell them to solver the permission problems of your host!

Cheers and again, sorry for the late answer!