How to Create a Responsive WordPress Website with Elementor + Astra Theme
Тәжірибелік нұсқаулар және стиль
Learn how to create a mobile responsive WordPress website, no coding needed. See this template in action: library.elementor.com/snowboa...
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 ==
Elementor (FREE Plugin): elementor.com
Astra (FREE Theme): wpastra.com
WordPress (FREE): wordpress.org
Elementor Pro: elementor.com/pro
Пікірлер: 78
Wow, it's really great to see an actual designer work with a page builder. That was awesome.
Thanks for these videos, always helpful. Keep them coming!
Amazing work! You make it look so easy.
The funk was so thick it knocked me to my knees. Great video!
Woohoo Astra! Good video Elementor team. 😁
THANKS SIR 😘IT's REALY AMAZING AND IT's VERY USEFUL FOR ME AND OTHER's 👈🏻
Beautiful work. Thanks for the tips.
amazing! learnt so much from this vid
you people are insanely great. Just as a inspiration I'm watching this video
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 :)
The best class I've ver seen!!!
Amazing! Thanks for this.
Great look !
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.
Really Awesome work !
nice designs, good work guys
@EkCr7
6 жыл бұрын
Darrel got the best tutorials guys! Check out his channel!
@hbibokillo1481
6 жыл бұрын
Darrel Wilson wonderful job. Love it. Elementor is broking the WordPress market with this complex builder. I've tested the pro add-ons for Astra site plus elementor pro add-ons. Gotta test it darrel wilson and make some video.
Thanks, awesome job !
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.
Thanks a lot . it was most helful
Nice work
well.done, i like using astra with elementor as well. felt like watching myself.work.
Fantastic!!!
looks cool🤘
Thanks for the video, taught me a few things I was trying to do with elementot
@craiggybear1807
6 жыл бұрын
That would be an awesome name for Elementor for babies - Elementot. :D
This guy likes it real tight . Can't blame man!
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.
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
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.
Great !!!!!!
Where to download the design material, like the pictures or background image? or the demo site address?
Makes it look so easy. Made a complete ass of it, after spending two weeks on mine.
thx!!!! gracias!!!
great video, kindly explain how you customize the header and menu.
Not seeing this in the pro version, plugin is updated to latest and have synced in tools?
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?
Nice! Would have loved the images to follow along. My images don't look as good as your. :)
nice
@ elementor please provide a link where we can download the dummy data you used so we can follow along and copy you. As a few people have requested. Thank you.
nice :D
Great video! please can you upload the images from the video? where can I download the template?
Where is the css code that you pasted to change the color of title (At time 6:05). Plz mention in description.
When you edit while on mobile view, the changes are only for mobile ?
Can this be done with slides as well as static banner?
Thanks for the tutorial but it is a single page site. If i have multiple pages, do i have to build from scratch each page, or can i have some kind of template for each page?
@Elementor
6 жыл бұрын
You do have templates: kzread.info/dash/bejne/aYekzZmkZpy9irA.html
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.
Not seeing the Media and Testimonial Carousels in my Elements Section and I have the latest version. are those only available in the Pro version?
@Elementor
6 жыл бұрын
Yes
Very informative but I cannot add new section from elementor after adding the page. Please help
@Elementor
6 жыл бұрын
Try to deactivate all plugins and switch to theme GeneratePress. Also ask here: facebook.com/groups/Elementors/
Hi, when is the in-line editing update going to be released? I have Elementor pro and it’s updated, so I’m guessing that it’s still being beta tested.
@sheridanbarrett535
6 жыл бұрын
Isaiah Rutherford it's out now. It came in the last update of the free elementor
@SanjayAddya
6 жыл бұрын
inline editing has been released from version 1.8, update your plugin to get the new feature
@isaiahrutherford2354
6 жыл бұрын
Thanks, I’ve now seen it, I guess the change was so subtle ☺️ Great feature 👍🏼
Please show video on how to put google adsense code in header with Astra theme and elementor page builder?
Did you used elementor or elementor pro for this design?
@Elementor
6 жыл бұрын
Both
@pranitdubey
6 жыл бұрын
Elementor I'm your biggest fan, love you elementor team, love from India
19:11 responsive layout
you are yousing elementor pro
1:20 - wait, Wait, WAIT - How does it magically go to the Astra theme, immediately showing the Astra header? I viewed this specifically to learn HOW an Elementor theme kit is selected. Also - WHY did you immediately publish your new Home page before adding any sections?
@Elementor
3 ай бұрын
@ellayararwhyaych4711 currently, the only theme we offer is the Elementor Hello theme. If you would like to download an Elementor Kit (which we recommend using together with the Hello theme, but can use with most themes) go to WP Admin > Templates > Kit Library.
Hi i have elementor free i cannot get a subheading i have watch every video Help
Can you share you Resources Like Images you used
@Elementor
6 жыл бұрын
library.elementor.com/snowboard-site-homepage/ You can insert it with one click including images using Elementor
Is it elementor pro?
Posituve side: Design is Great. Negative side: It is about loading Speed. You comment on the video, that the page loads fast, but you are not showing any speed results. In this example, you are not showing the URL. Could you show or specify or write the URL of the web page for speed testing? Speed is very important to get good results in Google. Design vs Speed. What would be the point of having a great design penalized by Google because it takes too many seconds to load?
@Elementor
6 жыл бұрын
Tests show that Elementor is super-fast to load. If it is slow for you that might be because of hosting, and there are caching solutions for that too. See this examination and others: woorkup.com/elementor-page-builder/
i can get as far as putting the heading but won't put my words in the heading
@itkayed
Жыл бұрын
Hello i can help you
Nice demo. Except the music is crazy-making.
I don't like snow.
@Elementor
6 жыл бұрын
You've never been snowboarding I presume... It's really fun