How to Create a Responsive WordPress Website with Elementor + Astra Theme

and insert it with one click using Elementor's Template Library

Everyone knows about the importance of creating a responsive website that looks smashing on desktop, tablet and mobile devices.

In this tutorial, we explain step by step how to create a stunning one page WordPress website with the FREE Elementor and Astra theme. We then go on to explain how to customize that page to fit all devices, using Elementor's visual mobile editing tools.

Follow this tutorial to learn how to create not only a regular website, but a website that looks amazing and has that WOW effect.

This way, you don't have to touch CSS code, and can still produce a website that looks one way on desktop, and adapts to get a separate set of style settings on mobile and tablet devices.

== Tools Used ==

[Simon-sly]

Wow, it's really great to see an actual designer work with a page builder. That was awesome.

[rodwilliams]

The funk was so thick it knocked me to my knees. Great video!

[ericksongarchitects]

I get it now. The sections of black and white help the iPhone response by dividing up the much too long column of content. Genius.

[lskddzy]

THANKS SIR 😘IT's REALY AMAZING AND IT's VERY USEFUL FOR ME AND OTHER's 👈🏻

[sheridanbarrett]

Woohoo Astra! Good video Elementor team. 😁

[Kuarantasei]

Thanks for this video! I was stuck with the design of my website using Elementor and your video has solved several doubts. Thanks, again! I subscribe to your channel to continue learning. Regards! And forgive my English, it's not too good, heh.

[milkykungnaja]

Wonderful video tutorial. Just stumbled upon your video clip while working to revamp my web site. Thank you very much your contribution and valuable time to produce this useful video clip. Please keep it up :)

[robertmarriott]

Amazing work! You make it look so easy.

[ramprakashgovindaraj]

you people are insanely great. Just as a inspiration I'm watching this video

[uknwtheusername]

Thanks for these videos, always helpful. Keep them coming!

[jomamma]

Nice tutorial but which webiste can we find the images you used in this tutorial? I tried pexels and unsplash but didn't find what I was looking for. If you could post in the description next time you make a tutorial, it would be really helpful for us guys wanting to follow along. Thank you.

[matthewmiao]

Where to download the design material, like the pictures or background image? or the demo site address?

[thefurmanuk]

Thanks for the video, taught me a few things I was trying to do with elementot

[michaelhofby]

This guy likes it real tight . Can't blame man!

[johnmellor]

Makes it look so easy. Made a complete ass of it, after spending two weeks on mine.

[digitalmarketinglight]

hi, thanks a million for a wonderful tutorial. Lovely step by step, easy to follow. Could you PLEASE tell me one thing- i am using free Astra version, but when i change the title size or anything else say on the mobile, it changes for PC and Ipad too. How do i go about it. I would really appreciated your answer. Thanks a mill in advance

[edisvelicanin]

well.done, i like using astra with elementor as well. felt like watching myself.work.

[thepurpleufo]

Hey nice work...BUT...in the first few seconds of this video, you say, "...This is a part of a set of pages which were released in our library, and you can use it and customize it as ;you see fit." That's great...but even though I am a PRO customer I don't see this page in my library. I see some pages for a ski resort, but don't see this page...even though you seem to say it should be there. Lots of people have commented, asking for the photos or to be able to see the page...can you please show us where we can find the template or at least the pictures?

[jamesmcdermott]

A very interesting video watching an expert at work. But I didn't get much out of it as a novice website designer. It was way to fast for me and nothing was ever explained properly.

[marieannpabica]

If you can please release an updated version of your Astra tutorial. I was following but i don't see the height option to set the big header section to min height.