Hi Pia!
until now it is not possible to create dropdown menus. You need to come up with a custom CSS/jQuery solution.

You can do this still by ordering your pages like this in the Menu Editor:
0_1490891170239_Bildschirmfoto 2017-03-30 um 18.25.40.png

Then the pages already get displayed underneath each other – according to their parent page.

With jQuery onclickand CSS opacity it is not too difficult to create the menu.

Let me know if you have questions about this.

All the best!

Marius

Great! Happy to hear!

Hi Marius,

Thanks for your quick answer. It's working !!!! Thanks so much :D

Have a nice day,

Marie

Hi marco,

not sure if I understood your question right.

But you can activate the Parallax effect like this:

Go to Lay Options (there you can also find the old version of the parallax effect)

0_1490607194188_Bildschirmfoto 2017-03-27 um 11.32.17.png

And then right click on an image and move the slider:

0_1490607227640_Bildschirmfoto 2017-03-27 um 11.32.30.png

I hope that helped!

Let me know if you face problems!

All the best!

Marius

Hi David,

thank you for mentioning this idea. It is indeed a good thing and we will try to include it in the near future!

Until then have a good week!

Marius

Hey Marius,
Is possible sending the link in private message?
I dont wont publish the project for now.
Thanks in advance

Hey!
much better this way:

body, html {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
}

optimizeLegibility cause a tremble effect when reloaded the page.

Great theme!

Hi Val,
on the carousel you can only click left and right or grab the images and slide them.

But there is no official way yet to also think the carousel or the content inside.
Somewhere you need to add a see more button.

The button could also appear only if you hover with your mouse above the bottom part of the image for example.
But to achieve this you need to know the basics of jQuery.

But thank you for your input with adding a slideshow as a project thumbnail. Until this is implemented you need to find a workaround like I described above.

Have a good day and let me know if you have questions!

Best!

Marius

Dear Daniel,

1
The Javascript version should work yes. But you cannot use the jQuery(document).ready(function(){function.

Because your Lay Theme website is a "Single Page" JavaScript application you cannot just use jQuery(document).ready(…) to execute your js because the ready event only fires once when the website loads the first time.

You need to use window.laytheme.on("newpage", function(layoutObj, type, obj){ });.

You can find a detailed documentation about this here:
http://laytheme.com/documentation.html#custom-javascript

2
The append solution might work. You need to test it with the new way of calling jQuery I mentioned above.
Another way I would try is to get the image url and place it via jQuery into an image box which is outside of the Gridder-Module.

Since this is not a default feature – we need to find a workaround like that.

3
I answered that above I think :-)

All the best and let me know if you have further questions!

Marius

Hi Daniel,

all right!
If you have questions – you can always let us know.

Have a good week!

Marius

Hey Vsat,

great! I am happy our found the solution.

Have a good day!

Marius

Hi Loes,

you are right. In the library the original files are piling up.

I would advise you to have a maximum size of 2500px and try to keep every image under 1 mb.

It will not really slow don your website though – even if you have big images online. But of course it can be more heavy for your server and to optimize the images upfront is for sure a good idea.

I hope I could help you!

Have a good day!

Marius

Great, thank you Armin, problem solved! I had forgotten to add ".lay-hr", for this reason it wasn't working.

Best,
Andrea

@arminunruh aha! now it works! Thanks man! :)

Yea true true, I need to include this as a feature.