Ethos 3 - Below Masthead / Menu

[peternordlund]

Hi!

I Wonder how I can get the slider below the Masthead / Menu to work the same as your Ethos 3 demo. There is text that slides in from the left and a chef that slides in from the right. How can I implement this on my website?

Best regards
Peter

[nabeel]

Hey Peter,

Thank you for reaching out to us. That’s column’s fade in effect. To achieve this, first add a section and choose two column layout (see screenshot)

Then go to Column’s settings and enable Fade In Effect option. For the left column select In From Left animation and for the right column you can select In From Right (see screenshot)

You can adjust the Duration and Animation Offset as per your need. Hope this helps!

[peternordlund]

At first I could not find the Fade In Effect in the collumn setting. So I pressed the small gear (above the save button) and activated the advanced mode and went back to collumn settings and voila. There it is!

Thanks alot for your help and have a nice day.

[jade]

Hi Peter,

Yes, that is right. If the Advanced Mode is disabled, you will get minimal options for the element settings while you get all of the options when you have it enabled.

Cheers!