How To Make A Parallax WordPress Website 2017 – AMAZING!

How To Make A Parallax WordPress Website 2017 – AMAZING!

60% OFF HOSTGATOR COUPON: Learn how to create a website in WordPress – step by step in under 2 hours! Perfect for complete beginners or future web developers.
No skills/special software required! Demo website: ***GET THIS VIDEO TO 7500 LIKES!***

Free Theme Download:
Free Images Download:

Ultimate Website Resources:
Get a Logo for :

In this free parallax website tutorial, I show you step by step how to make an amazing parallax wordpress website. It uses a Drag n Drop builder allowing anyone to build and complete their websites in a few hours!


Introduction 0:00
Overview 5:56

Domain & Hosting 7:53
Use Hostgator Discount Code: HOGANCHUA for up to 40% OFF & .99 Domain! Link:

Install WordPress 11:28 (having trouble navigating?
Configure Basic Settings 13:52
Install Theme 16:27

Add Pages & Custom Menu Links 19:00
Set Static Home Page 23:09
Configure Themify Settings 24:13
(Layouts/Header/Footer/Easy Google Fonts)
Add Social Links 27:57

Logo/Header/Main Nav/Footer Styling 30:22
10 Tips Everyone Needs to Know 33:22

Build Homepage

Row #1 – Hero Image 43:43
Row #2 – Quote 1:01:20
Row# 3 – About 1:04:00
Row# 4 – Services 1:08:40
Row #5 – Gallery 1:12:48
Row #6 – Video 1:16:10
Row #7 – Blog (Add Blog Posts/Widgets & Styling) 1:19:00
Row # 8 – Contact 1:30:25
Row #9 – Map 1:34:10


Set Sticker Header Styling 1:37:00
Set in Row Anchors (Important) 1:37:44
Make Website “SUPER” Mobile Responsive 1:39:38
Add Additional Pages & Built in Layouts 1:42:41

Translating Themes:

Congrats on building your beautiful WordPress website. Hope you guys have enjoyed it as much as I did! Please give the video a big LIKE if you found it useful, it might be two hours long but it took hundreds of hours to create! 🙂

Note: This theme is free to download, use (personal or commercial), it is the full version with no limitations. I have permission from themify to share it with you guys and thousands of people have already built their websites since 2015. But if you enjoy it, you have the option to get support/updates for 1 year here: and can use: HOGAN for 30% Off! (limited time only!) This option is perfect for web developers working with clients or people who want additional help 🙂 If you have any questions, do not hesitate to drop a comment below!


Hogan Chua


14 Replies to “How To Make A Parallax WordPress Website 2017 – AMAZING!”

  1. awesome video Hogan, the header of my site seems to have this space under the menu and it’s really frustrating. I have checked the FAQ didnt find anything to use to change it, the site is Thanks for any help you can render

  2. how can I add a email collector to pop up like 3 seconds after they land on my website?( half way through the video so ignore this if the answer is in the video, thanks)

  3. Здравствуй! Hogan, tell me plz. How change preloader Sydney Themes and install gif preloader???

  4. dear Hogan
    thanks for the theme update
    since the update is installed the navigation arrows and other arrows show vice versa. i mean instead of pointing out side they show like this >…<
    by the way the margin of the texts are justified but the texts gets off the margin on iphone 6s
    the password was formerly sent to you

  5. Great tutorial, but I came unstuck with the sticky headers. It seems to be working for gallery but opens a new tab for services that leads no where. Any help would be appreciated

  6. Hi Hogan, thanks for the video. I am not sure why but the favicon upload link is not responsive so i am not able to upload a favicon. do you have any idea as to why this is?

  7. Hi hogan, thank you so much for this tutorial. but after i have followed through the steps, the fullscreen page just wont show up. Please help to take a look at thanks so much for your precious time!

  8. Hello Hogan
    i only have that one problem left with the contact section. The icon i can drop in underneath the text box with the title ‘contact’. However after that i cannot divide the icon module into three columns. You suggested the work with the row options. I tried that but don’t get the same result with the text box above the three icon columns. Could you please give me a more concrete tip on how exactly to do that so it looks the same as in your tutorial? I swear it’s the last question i will ask you. Then i will just buy the membership and be on my 😉
    thanks for the support and great tutorial!

  9. Hello Thank you for your Video. I set a Woocomerce theme but the Shop link by WooCommerce is not working, it brings an Internal Server Error msg, What would be the problem?

  10. How I update Themify to the latest version? but I don’t have the username and the password.I am already using 1.6.3 version. I want to update it to1.7.4 Please help me to solve this problem.

  11. Hi Hogan, great tutorial thanks you for that. I got stuck at the “turn on builder” . Please advice. Thanks again.

  12. Hey man, sorry to bother you again, but how can I make the header more narrow?
    Like the logo and menu closer to the middle of the website?

    Thank you again!

Comments are closed.