ONE PAGE AGENCY WEBSITE - Elementor Wordpress Tutorial Flex Container

[@amielsena3649]

Protect this girl at all cost!!! she is very professional in terms of interactivity and modern design using elementor, i am about to shift using webflow because of these animations but then I found this channel, It's now possible to create a modern and story telling sites like in webflow using worpress still an elementor.

[@seekknowledge1928]

I am a recent subscriber to your channel, and I must express my sincere appreciation for the exceptional quality and usefulness of your videos. Keep up the fantastic work!

[@andreaegli]

Thank you so much for subbing and for the kind words! 😃

[@katlegoseanmahaye3309]

Your amazing, thank you for renewing my faith in Elementor. I enjoy watching your tutorials in as much I admire watching how good you look when lecturing...

[@andreaegli]

You are very welcome and thank you!😁 yeah, trust me, I do this to keep my faith in Elementor alive :)))) pushing it's boundaries to see where I can take it.

[@arpitshrmah]

Never thought I can build a website this beautiful using elementor. Found your channel today. Subbed!

[@lauraparienti9016]

Whhoooa i just discovered your channel today. And between you and rhino, i think you just saved my business and creativity ! Thanks !!

[@hamzaaftab8148]

I like your creativity and the way you make new designs using simple techniques. Keep uploading more creative content!

[@papimoncee]

Very nice design. Could be a candidate for awards. Definitely a very inspiring project!!! 🎉🎉🎉

[@andreaegli]

Thank you so much! You know what, I was actually thinking to submit it. I just need to polish it a bit more and then we'll see.🤩

[@freyjauser]

You're easily one of the most refreshing web design channel. Earned sub. Are you planning to do some stuff about e-commerce ? I think there's a lot of tutorials out there, but I feel like none of them are really creative and this is near 2024...

[@andreaegli]

Thank you so much! Yup i'm trying to make WordPress sexy😁 like webflow is to some. I'm not sure, do you have anything in mind in terms of e-com?

[@junaidali6719]

I can't imagine we can build such kind of site's in elementor, looking forward to see more full design tutorials from you

[@andreaegli]

...and so much more!

[@brandedright]

Andrea dropping golden bombs everyone!!! Thank you so much, learning a lot from you!

[@andreaegli]

😂 you are welcome & thank you so much for watching!!!!

[@riagee728]

Hey there, love the tut. As for tabs, don’t copy and paste each item one by one. Just design one tab and duplicate the full tab element . You will have all of your content and settings duplicated… cheers and keep up the good work

[@andreaegli]

Hey! thank you! Hehe, yup, I was not used to doing that but it's second nature now😉

[@anggadwi4556]

I'm from Indonesia, I'm really amazed by that design. This convinced me to subscribe to your channel. The design and yours are both beautiful

[@hosseinahmadi-h1w]

Andrea, keep it up, you are the best. Thank you for helping us improve at Elementor Designer

[@andreaegli]

Thank you! Will do

[@ayyazakhtar-t5n]

I am very happy to watch your video. You are doing a lot of work for us. Be happy and make videos like this for us. 😇

[@cicadagamerx]

Hey andrea, thanks for providing such cool content! Expecting more such videos tutorials in future

[@andreaegli]

Thank you! Will do!🤩

[@ESHREYASHDUBEY]

Say to say but this channel is very underrated....!

[@andreaegli]

Thank you🤓

[@FactFusion254]

Thank you for the Great design of the Website, to be honest i don't mind watching 4 hour tutorial as long as every step is covered. It is kinnda hectic to got to different videos for section.

[@choonah]

Hey, as a tip: I do not use vh for the inner containers or inner tabs - I use pixels instead - that way containers stay same size and in place, when stretching the screen size

[@andreaegli]

Hey! Thanks for the tip😉

[@rafaelsiewerdt3116]

What a great video Andrea! i've follow u since ur video about Gradient Mesh, Keep it Up!

[@andreaegli]

Thank you so much 😊 will do!!!!!

[@RandhirDigital1987]

The website design is beautiful as you❤

[@nine2060]

Amazing ! Excited to see your video. It showed me what such a great design can do with Elementor ! This video is the best teaching tool for me.☺ I really admire your great talent and sense of style !

[@andreaegli]

Glad you liked it!😁

[@muhammadtayyab-web]

@@andreaegli Does this work for free elementor or paid only?

[@hasnainiftikhar327]

Awesome Andrea! Keep making

[@andreaegli]

Thank you, will do! 😃

[@holliswebb1800]

love the candle.....zen is definitely the best place to code! lol

[@andreaegli]

hehe, thank you and yes, I always have a candle burning when I'm working!😁

[@sofianora7063]

have you had the chance to make the mobile version video yet? amazing work btw!!

[@ahernandezguilar]

Beautiful, can you make a tutorial of your header menu?, looks amazing

[@andreaegli]

Thank you so much! Already available here kzbin.info/www/bejne/gKm1iX6od9-hoJY Of course, you can customize it to your preference😉

[@itsar323]

Well done !! i will make one for my portfolio

[@learnearn3166]

Thank you for the informative tutorial. Now, let's explore how to create it.

[@andreaegli]

Go for it!😎

[@danyiltolkach]

Will this one-pager come as an elementor kit template by any chance?🤞and would love to see a mobile optimized version as well!

[@abhishekparida19]

Are you guys excited like I am?????

[@andreaegli]

Love your energy 😁

[@kurtk-1]

I‘am🎉

[@learnfromnumanbackup6935]

No

[@ndelcastillo1995]

Love your content, continue on making!

[@andreaegli]

Thanks, will do!

[@AllenLu]

letsgooo cant wait for tomorrow

[@andreaegli]

🥳 let’s gooooo!!!

[@teuccio73]

after this you are free to go to the sea! good vacation !

[@andreaegli]

The best comment award goes to... I'm actually doing research for the next video

[@teuccio73]

​@@andreaegli Hi Andrea, if you want, could you send me the json file of this last video? I would like to study it Thanks! :)

[@MsAndersonchannel]

Hey Andrea how's going? Ur tuto are amazing, thanks for sharing with us. Would you have a tutorial for that marquee texts on scroll trigger?

[@victordiberto]

Thanks Andrea! You are amazing

[@andreaegli]

You're welcome, Victor😁 thank you!!!!!

[@visualmodo]

Truly good work!

[@andreaegli]

Thank you 😊

[@brauayala]

Hello Andrea, love your content! How did you made the contact popup? I've been trying for so long but I can not make it look like yours, I`m having lots of issues. Could you please make a tutorial about it??

[@zackun3207]

please share the code (js & CSS) 1:03:24 Building the 'Work' section and in the last your designs are so cool and beautiful. I really impressed you with creativity. keep sharing the videos

[@andreaegli]

This video should have everything you need in the description kzbin.info/www/bejne/onuyXqh_mrWcnq8

[@zackun3207]

@@andreaegli thank you

[@tonim6339]

i was looking for something out of the box with elementor though i'm completely beginner at this. your video has amazed me how godly elementor can be! thanks for this one. btw any source/how to guide for the contact form ? how did you made this?

[@ancour]

You're a good teacher 😘

[@andreaegli]

Thank you so much 😊

[@jamescartmell3000]

Pls do more full website tutorials!

[@nidarahman2305]

so glad i found you

[@andreaegli]

😁

[@black_rph]

I wish you could send me directly the full-made template 🤩 By the way, great tutorial 👌🏿 and thanks for sharing 🙏🏿

[@murtazausmani7004]

Hey Andrea! Been watching your videos and I am amazed by your design abilities. However, I have a question about this video in particular, how did you create the navbar. You said that you would use the one in your awwwards inspired one but the design, and alignment are different. Thanks

[@andreaegli]

Hey! Thank you so much! Well, you basically need to modify the navbar that I reference. Use that as a base and build on it.

[@viralfoodtoks.1786]

You are amazing, thankyou soo much for these videos ✨️✨️

[@andreaegli]

Awww, thank you for your kind words ☺️

[@webdesignlondon]

29:36 The images appear to be on top of the awards banner and scroll over the border instead of behind it. What could be causing this?

[@iamazimqureshi]

design is outstanding.

[@andreaegli]

Thank you 😊

[@DSTREAM1966]

Hi Andrea thanks for all example are very usefull and super design. I want to ask you where can i find the example for moving the icon list at 22:51

[@andreaegli]

You are very welcome! There's a playlist in the video description, it contains all the videos I'm referencing in this project

[@Webrisernl]

How does it work on mobile?.. I love this so much. I like to use it for my own page but it also need to work on mobile to be trust worthy. Can you make a part 2?😅❤❤❤❤

[@DjamelEM.]

thank you, i have question please about Elementor version you used is free or upgraded ?

[@andreaegli]

Hey! you're welcome :) I always use the paid version of elementor. You can still do a lot with the free version but you might need to add extra plugins like a code snippet etc...with the free version you don't get that many cool widgets...

[@DjamelEM.]

@andreaegli thank you very much, I am really happy with your answer, I will act on your advice.

[@kovinhas]

Amazing Art Work

[@andreaegli]

Thank you so much 😊

[@Art-01]

🙏 Thank u for sharing this with us

[@andreaegli]

You are very welcome! i hope you enjoy it

[@joeybach]

Hey, loving this video so far! Where can I find the custom CSS code from around 28:30? 🤔 My logos go over the border when scrolling, wonder if that's what the code is for haha. Thanks in advance

[@andreaegli]

Hey Joey! Here's the code: selector .swiper-wrapper { -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } but it will not fix the logos going over the border when you're scrolling tho...that's a very strange behavior

[@Hzenny]

hi, im late and idk if ill get a reply from you but.. how do you make those popups? i am confused if its some code or a lightbox, is there a guide i can check out for that effect? Also great work!

[@AshanPerera-d8c]

how do i make the nav bar like that ? i cant find any video regarding it

[@MahdiBehrooz]

That video that you put on the site first and when you put the mouse on it, the video got bigger. How did you make it?

[@andreaegli]

Here: kzbin.info/www/bejne/a4HEhZhtiN-te8k There's a playlist in the video description, more videos are listed there ;)

[@mdqmatias]

Your creativity it's amazing! Q, how did you do that video cta that grows on hover? Css?

[@Tapere_Taiwo]

Lol i don't onow how it may sounds, but am dying for you to make a course on elementor tutorial. Ill buy it a 💯 times. ❤❤🎉🎉 Cant love you less.

[@kamessytta]

Bravo, interesant! 🤔😊❤️👌👍👏👏👏

[@andreaegli]

the movie of the year 🤓

[@ancour]

you did not share how to create same contat us page, it look beautiful please if you get time please

[@xAndre-SDM]

Hi, Andrea, I am a recent subscriber to your channel, and want to ask about 15:09. How you do to build the 'EXPANDING VIDEO ON HOVER'?(Forget this, i finded your video that your teach how to) I searched on entire youtube to find a channel that teach "how to build" to build this effects in Elementor and i really appreciate your work. Thank you!

[@andreaegli]

😃 hey André! Thank you so much! Let me know if you have any request

[@xAndre-SDM]

​Your gsap effects tutorials on Elementor are awesome. I'll watch all of them. 👍

[@romeochristianmian3193]

1:05:28 what was the setting did you put for the image because mine stay in the middle yours is right. I follow the other video and yours is very different

[@romeochristianmian3193]

1:05:37 and you can see you add some number can you please give some details?

[@SmithyProductions]

At 55:10 could you just make duplicates of the tab and edit from there? Would that be easier/ possible?

[@SmithyProductions]

PS: Love your work and thank you for sharing your knowledge with us all!

[@andreaegli]

I wish you could but at the moment Elementor does not allow that which is so annoying.

[@andreaegli]

Thank you so much😉

[@katlegoseanmahaye3309]

Use a different tab from another plugin with features that allow you to link the container to your tab. Hope this makes sense.

[@thewebstylist]

I’m hoping there are some amazingly modern, dynamic on scroll (and of course mobile friendly) styles thought out (as of course Wonder Women here can bring 💯)! #Priceless

[@andreaegli]

There are but I have to disappoint you a bit, the mobile version is not featured in this video. It was too much for me to film & edit (I underestimated the amount of work it takes to produce such a video) but it could be a follow up video maybe 🤓

[@thedarrenpeel]

you're my hero 🖤

[@andreaegli]

I don't know why but I like the sound of that😁

[@moog6513]

Awesome💫💯 !!! Thank you

[@andreaegli]

Welcome!

[@romeochristianmian3193]

1:05:52 can you please link the video for Lenny’s please ?

[@amielsena3649]

for timestamp 28:36 where is the link located???

[@andreaegli]

Have a look in the description of the video, there is a playlist there that contains most of the elements I show in this video

[@ACEARYAN]

Can you make a video on custom cursor? that would be very helpful thanks

[@andreaegli]

Hey! I have made two videos on custom cursor, you can find them on the channel🤓

[@ManuelWillCom]

To add to 25:00 - never start on mobile in Elementor because the way it is built, responsive "trickles down" from desktop to mobile. You will have a nightmare optimizing the other way around...

[@andreaegli]

Yes a mil times! Pure nightmare, it's much easier to remove elements than to add. Even when I was coding websites from scratch I was never starting with the mobile view. It just does not feel natural to me....

[@115_ArpitParmar]

I am trying to replicate the website. While working on the hero section, I encountered a problem while creating the right side of the hero section containing the hover expand video. I have built the hover expand using the link for the playlist and copied that container but I'm having an issue because of the expanding video the whole hero section is getting expanded and there's extra space added between the text widget and video expand container even though I used the same spacing as you used.

[@lofi_editz12_34]

heyy Your tutorial Was Amazing but i want to one thing that in hero sectionn you make a video button when you hover over on this it is expandable How should you do that Overall Your Tutorial best just kinldy Tell me how you make this Please Thanks

[@andreaegli]

Thanks! There's a playlist in the description of the video, have a look there

[@learnwithusman1]

its amazing ❤

[@andreaegli]

Thank you 😊

[@david___der8420]

How did. you do the „work“ section. The Video in the playlist is quiet different.

[@andreaegli]

it's this video: kzbin.info/www/bejne/onuyXqh_mrWcnq8

[@david___der8420]

Okay thank you! But i don’t know how you did it when you Click on the Coffee Rosterei. It only Open a section Not a whole page.

[@TheNaive]

hello Andrea, my how to setup elementor? I have installed elementor but this mine is not as organised as yours.

[@andreaegli]

Hey! Activate the top bar from the elementor features option and it should look like mine ;)

[@tjveach]

YOU had mentioned the GSAP link, I do not see it?? (Thanks!!)

[@andreaegli]

Hey! Check the playlist link in the description, each video related to gsap has a link to the gsap CDN. Hope this helps 😉

[@tjveach]

@@andreaegli thank you!

[@kasunwitharana2933]

what is the theme that you`ve used in this project?

[@andreaegli]

Hello. I always use Hello theme for my projects

[@Webrisernl]

Dot get me wrong I would love to use this for my own page.. but what should I use for the mobile version?

[@umarkhalid2285]

Simply awesome 🙂

[@floyd1411]

Hiya Andrea. Which Theme are you using?

[@andreaegli]

Hey Floyd! I always use Hello theme since it's made by Elementor

[@floyd1411]

@@andreaegli Sorts. Thank you.

[@PGISME]

What is the best way to convert this for mobile use?

[@hosseinahmadi-h1w]

Dear Andre, please design a landing page for an online product. I know your time is valuable, we thank you for helping us with this work and it is a value.

[@andreaegli]

Thank you so much! Yeah, something like that is coming next month 😉 any product you had in mind?

[@klebergiurizatto4841]

I couldnt find the video mentioned by you on the 15 `minute ?? Which name is it so that I can find it ..please??

[@andreaegli]

It's this one kzbin.info/www/bejne/a4HEhZhtiN-te8ksi=MB3XA9pRLCaByyFM

[@mkbusiness3561]

can i build my design in figma from scratch and use elementor for puplishing????

[@andreaegli]

Yes!

[@samaybhingradiya7201]

Which theme are you using?

[@andreaegli]

Hello theme, always!

[@ukaegbugreatjnr]

cant the videos where you built those sections

[@andreaegli]

Check the description of the video, there’s a playlist made specifically for those sections

[@dhronyadav9338]

Are you using elementer pro?

[@andreaegli]

Yes

[@arshpreetkaur6378]

Do you make all your websites on wordpress?

[@andreaegli]

@@arshpreetkaur6378 yes! I used to code from scratch but that’s not sustainable for clients

[@arshpreetkaur6378]

Is wordpress good to build websites bc some people say it's not but I believe that we can make fantastic website using plugins and we can also add custom css code to add effects and animation.

[@Gccmotive]

You are awesome 😄😄

[@andreaegli]

Thank you😁

[@FloralWhispers-nw3qm]

How to copy figma design and past in elementor?? Like u paste (search bar)

[@manoranjanpanigrahi3677]

did u use any theme? and is this elementor pro

[@andreaegli]

Yes, I use Hello theme and yes, this is elementor pro

[@manoranjanpanigrahi3677]

@@andreaeglican i make the same in elementor free ?

[@Webrisernl]

Do I need to buy lenis?

[@andreaegli]

No, it’s free. Just use the code I’ve provided

[@Aziz-Ahmed-UK]

By the way your own domain is not working so you should try and fix it and can you save this website as a template and upload it somewhere on your server so that we can download it?

[@andreaegli]

Oh Aziz, the thing that needs fixing around here is your attitude. My domain is working perfectly. What makes you think that giving me orders will get you anywhere. Follow the steps in the video and make it yourself like everyone else

[@ZHARCO]

Thank you so much ❤

[@samaybhingradiya7201]

Is this with elementor free version?

[@andreaegli]

I always use Elementor PRO. Some things can be done with Elementor free too. You can add code to a code snippet or your theme etc etc....

[@Gauravmishra-wh2pv]

ma'am pls make contact form which is use in this video

[@uxrkhan]

Want to work with you.

[@TitanGFX01]

This is first video of pro website from elementor

[@andreaegli]

On this channel, yes 😀

[@david___der8420]

Can I buy this as an Template?

[@Jay-ke4us]

Theme?

[@andreaegli]

Hello, always Hello

[@Jay-ke4us]

@@andreaegli Thankew :)

[@rajeshpriyadarshi2065]

very best