Dear @maxi394
ok! I see!

Hehe.

No.

Not possible.

But you could code that yourself and embed it via HTML.

Hope that helps!

Best!

Marius

Can you post the link or send it to info@laytheme.com with a link to this topic please?

One reason could be that a shortcode is in use on the page that you link to.
To make shortcodes work, the whole website needs to refresh, so you won't have a smooth transition.

Hey this is a very old topic and I think I have forgot to answer. This is just for everybody seeing this topic later on.

Please use this code:

<script> window.laytheme.on('newpageshown', function(){ if(window.location.hash.length > 0){ var id = window.location.hash; if(jQuery(id).length > 0){ jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, { duration: 1200 }); } } }); </script>

Find the full explanation here:
http://laythemeforum.com:4567/topic/2863/link-to-anchor-from-another-page/4

I think the reason why with your code it didn't animate is maybe because the easing "easeOutSine" doesn't exist.
Also the above code is better cause it will work on any page.

Dear @ollyb
you can try to trigger the video via jQuery when the site opens. But this sounds quite complicated. You need to be quite good to do this. but not impossible!

Let me know when you have more detailed question!

Best!

Marius

Dear Fred,

I see what you mean now.

This is not possible. You would need two menus to achieve this. One on the left and one on the right.

If it is really, really important to have those menus on the right and on the left, you can try with Custom HTML and make the navigation manually.

Also have a look here:
http://laythemeforum.com:4567/topic/2144/fade-effect-smooth-transitions-links-via-custom-html/2

This is the only solution I can think of now.

I hope that helps a bit!

Best!

Marius

Dear @robsdonatini
you can achieve this with CSS and some custom jQuery.

It would be too much to show to you.

But if you are familiar with the basics of jQuery and good with CSS – you will manage.

Nothing default in Laytheme like this. We are sorry.

Best!

Marius

Dear @thomasrusch,

this is not possible with LayTheme.
I will write it down for the future.

Maybe you can manage with jQuery.
But I don't know how. You need to research that yourself.

All the best!

Marius

Perfect!

Thank you, Armin! Yes, i will upload a bigger size and check it out later. :-)

Hehe :-)
When you add the class via jQuery you add it to the navigation.
The navigation does not exist on mobile. There we use a different navigation.

In general it is good to add this kind of classed to the body.
Then you can use them for all the elements you like.

I hope that helps!

Best!

Marius

@Hayao
Exactly.

A free beginner course at Codeacademy helps.

And make use of the "Google Web Inspector".

All the best!

Marius

Dear @ute

to achieve this I recommend to look into jQuery.

It is not very difficult to achieve.

I hope you find a way! Let me know when you have specific questions of embeding it into Laytheme.

And be aware of this:
http://laytheme.com/documentation.html#custom-javascript

All the best!

Marius

Dear @Brief
right now I cannot see a page on your website with a Carousel activated.

But you can just move the captions up with Custom CSS.

I hope that helps!

Marius

Dear @ollyb
to help you further – we need to see your website :-)

But we are happy that you are closer to the solution.

All the best!

Marius

Everything works out great.
Thank you very much Marius.

You can easily give a row a line above or below. For that you must give the row a html class. Right click on the pink frame of a row and chose Edit HTML Class and ID, then give it a name (e.g. row-line).

Under Lay Options -> Custom HMTL & CSS add the following code:

.row-line{ border-bottom: 1px solid black; padding-bottom: 2%; }

This would generate a full width line underneath the row.

@mariusjopen Thanks Marius – very useful to know!

Thanks a lot for your answer!
Didn't think of adding a html class to the row … ;-)

Hi @maxi394
the website you showed uses the Fullscreen Slider.
When you inspect the code, you can see that the text is aligned on the bottom left with position absolute:

0_1518462506028_Bildschirmfoto 2018-02-12 um 16.08.02.png

This could be done with Custom CSS…

But also I think the "double-images" are one big images which is set as a background of the whole row.

I hope I could help!

All the best!

Marius

Hi @JAW
for times have a look here:
https://tecadmin.net/get-current-timestamp-in-javascript/

There is not really a way to include it into the menu bar.
You can add that script to your Custom HTML and edit with CSS.

This is what I would do.

Many wishes and good luck!

Marius