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

  • @Simon-sly
    @Simon-sly6 жыл бұрын

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

  • @uknwtheusername
    @uknwtheusername6 жыл бұрын

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

  • @robertmarriott3704
    @robertmarriott37046 жыл бұрын

    Amazing work! You make it look so easy.

  • @rodwilliams54
    @rodwilliams546 жыл бұрын

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

  • @sheridanbarrett535
    @sheridanbarrett5356 жыл бұрын

    Woohoo Astra! Good video Elementor team. 😁

  • @user-ls9kd7dz2y
    @user-ls9kd7dz2y25 күн бұрын

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

  • @richc2109
    @richc21096 жыл бұрын

    Beautiful work. Thanks for the tips.

  • @Kodaayu
    @Kodaayu6 жыл бұрын

    amazing! learnt so much from this vid

  • @ramprakashgovindaraj5343
    @ramprakashgovindaraj53435 жыл бұрын

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

  • @milkykungnaja
    @milkykungnaja3 жыл бұрын

    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 :)

  • @andreiof5
    @andreiof54 жыл бұрын

    The best class I've ver seen!!!

  • @JuanEsteban999
    @JuanEsteban9994 жыл бұрын

    Amazing! Thanks for this.

  • @christianlecuyer6380
    @christianlecuyer63806 жыл бұрын

    Great look !

  • @Kuarantasei
    @Kuarantasei6 жыл бұрын

    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.

  • @mohamedhassanahmed8039
    @mohamedhassanahmed80392 жыл бұрын

    Really Awesome work !

  • @darrelwilson
    @darrelwilson6 жыл бұрын

    nice designs, good work guys

  • @EkCr7

    @EkCr7

    6 жыл бұрын

    Darrel got the best tutorials guys! Check out his channel!

  • @hbibokillo1481

    @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.

  • @anthonybanovic3658
    @anthonybanovic36585 жыл бұрын

    Thanks, awesome job !

  • @ericksongarchitects3840
    @ericksongarchitects38404 жыл бұрын

    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.

  • @jasim.wpdeveloper
    @jasim.wpdeveloper2 жыл бұрын

    Thanks a lot . it was most helful

  • @cantineroq9527
    @cantineroq95276 жыл бұрын

    Nice work

  • @edisvelicanin8854
    @edisvelicanin88545 жыл бұрын

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

  • @clubedeassinaturapocketeng9488
    @clubedeassinaturapocketeng94885 жыл бұрын

    Fantastic!!!

  • @AnkitSharmaTV
    @AnkitSharmaTV6 жыл бұрын

    looks cool🤘

  • @thefurmanuk
    @thefurmanuk6 жыл бұрын

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

  • @craiggybear1807

    @craiggybear1807

    6 жыл бұрын

    That would be an awesome name for Elementor for babies - Elementot. :D

  • @michaelhofby
    @michaelhofby5 жыл бұрын

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

  • @jomamma269
    @jomamma2696 жыл бұрын

    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.

  • @digitalmarketinglight3737
    @digitalmarketinglight37375 жыл бұрын

    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

  • @marieannpabica7142
    @marieannpabica71422 жыл бұрын

    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.

  • @ernstcaribbeanstrike7878
    @ernstcaribbeanstrike78786 жыл бұрын

    Great !!!!!!

  • @matthewmiao1728
    @matthewmiao17286 жыл бұрын

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

  • @johnmellor932
    @johnmellor9323 жыл бұрын

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

  • @tutestudio87
    @tutestudio873 жыл бұрын

    thx!!!! gracias!!!

  • @samoa1677
    @samoa16775 жыл бұрын

    great video, kindly explain how you customize the header and menu.

  • @21upbowls
    @21upbowls6 жыл бұрын

    Not seeing this in the pro version, plugin is updated to latest and have synced in tools?

  • @thepurpleufo
    @thepurpleufo6 жыл бұрын

    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?

  • @mcse2010ajm62
    @mcse2010ajm626 жыл бұрын

    Nice! Would have loved the images to follow along. My images don't look as good as your. :)

  • @fouziaakhtar9886
    @fouziaakhtar98862 жыл бұрын

    nice

  • @greykrav1869
    @greykrav18696 жыл бұрын

    @ 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.

  • @cristianokwiatkovsk9059
    @cristianokwiatkovsk90594 жыл бұрын

    nice :D

  • @pellekarlsson152
    @pellekarlsson1526 жыл бұрын

    Great video! please can you upload the images from the video? where can I download the template?

  • @modernvisiontradingmarketi3484
    @modernvisiontradingmarketi34846 жыл бұрын

    Where is the css code that you pasted to change the color of title (At time 6:05). Plz mention in description.

  • @robertocanales2362
    @robertocanales23624 жыл бұрын

    When you edit while on mobile view, the changes are only for mobile ?

  • @mistahlen4719
    @mistahlen47198 ай бұрын

    Can this be done with slides as well as static banner?

  • @georgesmith3022
    @georgesmith30226 жыл бұрын

    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

    @Elementor

    6 жыл бұрын

    You do have templates: kzread.info/dash/bejne/aYekzZmkZpy9irA.html

  • @jamesmcdermott9275
    @jamesmcdermott92752 жыл бұрын

    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.

  • @gabbiearita
    @gabbiearita6 жыл бұрын

    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

    @Elementor

    6 жыл бұрын

    Yes

  • @Asimpleclearlife
    @Asimpleclearlife6 жыл бұрын

    Very informative but I cannot add new section from elementor after adding the page. Please help

  • @Elementor

    @Elementor

    6 жыл бұрын

    Try to deactivate all plugins and switch to theme GeneratePress. Also ask here: facebook.com/groups/Elementors/

  • @isaiahrutherford2354
    @isaiahrutherford23546 жыл бұрын

    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

    @sheridanbarrett535

    6 жыл бұрын

    Isaiah Rutherford it's out now. It came in the last update of the free elementor

  • @SanjayAddya

    @SanjayAddya

    6 жыл бұрын

    inline editing has been released from version 1.8, update your plugin to get the new feature

  • @isaiahrutherford2354

    @isaiahrutherford2354

    6 жыл бұрын

    Thanks, I’ve now seen it, I guess the change was so subtle ☺️ Great feature 👍🏼

  • @smita7213
    @smita72136 жыл бұрын

    Please show video on how to put google adsense code in header with Astra theme and elementor page builder?

  • @pranitdubey
    @pranitdubey6 жыл бұрын

    Did you used elementor or elementor pro for this design?

  • @Elementor

    @Elementor

    6 жыл бұрын

    Both

  • @pranitdubey

    @pranitdubey

    6 жыл бұрын

    Elementor I'm your biggest fan, love you elementor team, love from India

  • @prottoy8485
    @prottoy84852 жыл бұрын

    19:11 responsive layout

  • @sagarbhatia7357
    @sagarbhatia73573 жыл бұрын

    you are yousing elementor pro

  • @ellayararwhyaych4711
    @ellayararwhyaych47113 ай бұрын

    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

    @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.

  • @margaretmorris6929
    @margaretmorris69293 жыл бұрын

    Hi i have elementor free i cannot get a subheading i have watch every video Help

  • @TechnoAK
    @TechnoAK6 жыл бұрын

    Can you share you Resources Like Images you used

  • @Elementor

    @Elementor

    6 жыл бұрын

    library.elementor.com/snowboard-site-homepage/ You can insert it with one click including images using Elementor

  • @raisulislam2868
    @raisulislam28683 жыл бұрын

    Is it elementor pro?

  • @carlosmgarcia6618
    @carlosmgarcia66186 жыл бұрын

    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

    @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/

  • @margaretmorris6929
    @margaretmorris69293 жыл бұрын

    i can get as far as putting the heading but won't put my words in the heading

  • @itkayed

    @itkayed

    Жыл бұрын

    Hello i can help you

  • @randysandberg3755
    @randysandberg37556 жыл бұрын

    Nice demo. Except the music is crazy-making.

  • @mmafightcoach
    @mmafightcoach6 жыл бұрын

    I don't like snow.

  • @Elementor

    @Elementor

    6 жыл бұрын

    You've never been snowboarding I presume... It's really fun

Келесі