• Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!

Hero element breakdown

R

ReliantMind

New Member
Not sure if this is the correct forum to post this in but wanted to ask if any of you could shed some light on something.

Wondering how the hero element for this web site was built:

tensorflow.org

If you select any of the tabs they trigger Lottie Animations on the right. I also really like how the animations sit behind the tabs when the viewport adapts to mobile sizes.

Creating the animations are my specialty, but how do I go about triggering them with tabbed links like this? Secondly, how do I build a similar hero element wherein the Lottie Animations on the right would sit "behind" the tabbed interface in smaller viewports?

One other thing that hurts my head to think about is how regardless of the width, the tabbed content doesn't change inside it. In fact if you keep shrinking it down it eventually turns full-width. With the tabbed widget in elementor the width seems to change with the viewport size and has an ugly effect on the title and text inside. Attached a few screen shots to give you an idea.

Any help or even being pointed in the right direction to a tutorial would be most appreciated.


tensorflow-hero.pngTENSOR2.pngTENSOR3.png
 

Latest Resources

Other Elementor Resources

elementor official

Still stuck? Ask the forum

Post your question with a screenshot and a link if you can, and a member will usually reply within a day. Free to join, no sales pitch.

Create a free account
Top