Building a Responsive WordPress Website from Scratch using Elementor

In this tutorial, I will show you how to make a Responsive WordPress website using Elementor for FREE. This is a complete step-by-step tutorial. In this tutorial I will make this full website from scratch using Elementor, also I will provide the ready template file download link, so if you don’t have time to watch the full step-by-step process you can use it. Now let’s have a look into some basic steps

Step 1 : Purchase Domain & Hosting. If you already have domain and hosting, you can skip this part.

Step 2 : Install wordpress.

Step 3: Install Theme (Hello Elementor).

Step 4: Install all necessary Plugins (Elementor, Royal Elementor Addons, Sticky Header Effects for Elementor, WPForms Lite)

Part 1 (From Template)

Step 6: Create Header, Footer and global settings(bg color, link color).

Step 7: Create Home Page and import template.

Step 8: Create Contact form.

Step 9: Create one page website and create menu.

Part 2 (From scratch)

Step 10: Add Global color, fonts, and CSS.

Step 11: Create Header, Footer and Home page from scratch.

Step 12: Create others pages and update menu.

Step 13: Make header sticky.

CSS Code


Download all files

Get in touch

Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

Call me by Skype (farjana.rashid55)

5 + 5 =

[wpforms id="2272"]