How to Make a Parallax WordPress Website 2017 – AMAZING!

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 10000 LIKES!***

Free Theme Download:
Free Images Download:

Ultimate Website Resources:
Get a Logo for $5:

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 60% OFF & $5.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






45 responses to “How to Make a Parallax WordPress Website 2017 – AMAZING!”

  1. Hogan Chua Avatar

    If this video helped you in anyway, please subscribe/thumbs up πŸ™‚ it helps me to continue making these videos for you guys! I really appreciate it! Any Questions/Problems – Make sure to check out the FAQ:
    P.S thumbs up this comment, so people can see it πŸ™‚ Cheers Hogan. Builder/Customizer Not working? Click "Read More"

    Please Re-download theme from description (Ultra version 1.6.3) which is compatible with wordpress 4.7 and Update following these steps: (settings will remain after re-activation of theme). Hope that helps! πŸ™‚

    Email me at with your URL, username and password – If you have any installation/builder/customizer not functioning problems.

  2. tblkearthsanctuary Avatar

    Hi Hogan! This tutorial was extremely helpful! You are amazing at what you do. I have run into a problem with the gallery on the home page. Above every photo this appears –> Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_gallery_custom_links' not found or invalid function name in /home/timber31/public_html/wp-includes/class-wp-hook.php on line 298
    Do you know how to remedy this problem? I appreciate any guidance you might have to offer. Thank you.

  3. Legacy Kira Avatar

    48:08 i cant find builder!!! how can i get it ??

  4. Ben G Avatar

    Hey Hogan,

    Thanks you very much for the tutorial !!!
    I have 6 services (3 up and 3 down) but the 3 down are not lined up properly. One icon is a little higher than the other one and one feature title is lower than the other one. I don't really know why.
    Could you help me ?

    Thanks !

  5. Luis Maffet Avatar

    Hi Hogan, I have a little problems, I've been with this themify for months now, and now it happens that the builder is loading and does not allow editing, only the toolbar is opened and loading without being able to edit. Any solution?

  6. Paula Mourad Avatar

    Hi @Hogan I want to follow your tutorial in my computer as an exercise. I don't need to have my site up and running. I want it just for myself. For this, I don't need to install anything right? I can just log on to Thanks.

  7. Atef Dannoun Avatar

    i get this massage The uploaded file exceeds the upload_max_filesize directive in php.ini.

  8. alpna manchanda Avatar

    Hi I followed your tutorial, but when it came to turning paragraph text into Heading 1, (at 51:34) the option did not come up. Can you tell me how to sort that out? I am unable to change paragraph text to Headline as the option does not appear.

  9. Masafu. Avatar

    hi Hogan..i am trying to delete a builder(using themify) and every time i click delete it does not function.can you help please? this tutorial is really helping me a lot btw thanks so much.

  10. Robert Dawson Avatar

    How do I change the contact page so that my email address fits and shows on a mobile phone

  11. Vivah Photo Avatar

    Hey, hogan first of all thanks a lot for helping me to learn a new skill.But right now I have encountered a big problem and I am not able to fix it.
    The issue is in my WordPress panel I can see my website working completely fine…but while I open in other computer site seems to have broken…Plz help me fix it….Where can I send the screenshot of the problem?(I have also posted this query in disscussion section)

  12. Luka Mursec Avatar

    One of the best tutorial on how to make a website i have ever seen ! Thank you very much!

  13. Erixon Avatar

    Hey there! I did this tutorial but some how all of my posts are showing up with a date stamp on my header. Can anyone please help me get rid of this?
    I have my logo to the top left and after that there are links to my posts! I want to get rid of this! Please help πŸ™‚

  14. 1stLaw Avatar

    I followed every instruction, the only problem I have is the meta Title for my website when you search it in google. It says (Just another wordpress website) when its suppose to be the title of my business.

  15. KEROZ Avatar

    Great tutorial, do you have something with skechtfab plugin?, thanks

  16. Zoila Garcia Avatar

    Thank you for this !!!!! I set up my website over night πŸ™‚ πŸ™‚

  17. Flo Rian Avatar

    Is there a new way to add social links? i tried step by step but they dont appear on my footer

  18. Tauseef Ahmed Avatar

    How do you add the email link?

  19. Brandon Melillo Avatar

    Hi Hogan,

    is there a way to use fonts i have downloaded on my computer with wordpress and themify ?

  20. Paula Mourad Avatar

    @Hogan Chua For me to follow this tutorial at home, do I need a host/server, or can I install WordPress in my PC? Thanks.

  21. Tyler Shaheen Avatar

    First off, thank you so much for this incredible video!Β 
    I've been re-modeling a pre-existing website by using this tutorial and have an issue. Theres a red drop-down container under the menu that opens up "blog" and I can't for the life of me figure out how to get rid of it. Can you please help me? If you need to see what I'm talking about the website is

  22. Amit Karkare Avatar

    Hi Hogan,
    Many thanks for this tutorial. It helped me to build my website.
    I have a query. Can we have some more layout options for the blog? Can you please guide me about it?
    Can you have a look at my website:
    Once again many thanks for a wonderful channel and thanks in advance

  23. sIGHTcs Avatar

    Hi Hogan, in customizer I succesfully manage to edit the mobile menu colors for mobile and tablet view, somehow though… Tablet landscape is not affected by these settings. The custom CSS code in your FAQ does not work either. How can I possibly color the Tablet landscape menu correctly?

  24. Amber Signore Avatar

    Hi. Would it be possible to follow this step-by-step with the Business version? Or are the interfaces/customization options different on both platforms?

  25. Ashay Changwani Avatar

    Hey, can you give the PSD files of this theme and it's update version?

  26. Roei Weiss Avatar

    Hi there, so i've been following your instructions and created the main page. now i'm trying to add a gallery, but i don't like the wordpress default. so i've installed final tiles gallery plugin which generates a code that i had to paste on my home page. the only issue is that it appears on the top of the page without option to move it around in the builder. how can i solve it? thanks!!

  27. Lisa End Avatar

    Thank you so much for the video, you explained everything so well, it helped me a lot!! It's incredible how easy it is to build such a stunning website! I also have a it possible to not show the site logo (in the top left corner) while the header is showing and let it only appear once you start scrolling? As I already have my logo/name in the header I don't want to show it double. Thank you Hogan! πŸ™‚

  28. Ivan Bogatyrev Avatar

    Hello, Could you please say how can I add custom HTML and CSS codes to my website?
    Thank you in advance

  29. jimbob290 Avatar

    I know this video is a little older but I was wondering if someone could help me. When I have the logo for my company displayed in the site identity and logo section, then add the custom link only a tiny snippet of the image activates as a hyperlink to the home page. Any ideas?

  30. PORSCHE NIKIA Avatar

    My themify builder is not on my screen. I got as far the Fotor step and when I went to put in my newly cropped image it is NOT even showing I have a "Themify Builder" option

  31. Jerry Dumas Avatar

    Fatal error: Cannot declare class WP_Filesystem_Direct, because the name is already in use. Only other theme installed is 2017

  32. Paul Henriquez Avatar

    Hello Hogan, amazing content and iΒ΄m loving it, i have this question and is that how did you integrated the shop to the page? please answerrr

  33. Sahil Kalwit Avatar

    Hey Hogan! Hope you're doing great! I was wondering if you could please upload a video on making the website load faster.
    The optimization of the website load time on WordPress seems to be a hurdle. Thanks in advance! Cheers!

  34. Rody Haije Avatar

    Hee Chua, Your video is very helpful
    When I install the theme, my tekst,logo and social media link is on the left. how do I get it to the middle.
    Besides that everything is great !

    I hope you give a respons

  35. Masafu. Avatar

    hi hogan chua.thanks for this tutorial.i have one question
    after i am done with all the buliding of the website after choosing a plan..will i be paying for hodting yearly which is a bit cheap or will i be paying the entire plan all over again yearly which is quite expensive ($254)

  36. Masafu. Avatar

    hi hogan chua.thanks for this tutorial.i have one question
    after i am done with all the buliding of the website after choosing a plan..will i be paying for hodting yearly which is a bit cheap or will i be paying the entire plan all over again yearly which is quite expensive ($254)

  37. Passport Symphony Avatar

    Hi Hogan, first of all thanks a lot for the video. I recently created a website with the help of this tutorial. I was also wondering if you can you help me with installing the Facebook pixel, because I tried several different approaches but every time the Facebook Pixel helper isn't finding the pixel even after copying the code in my header. Now I guess this theme requires a different approach and I thought you would be the best person to ask for help.

  38. Jordan Loomis Avatar

    My images are coming out blurry when I use the full cover option. Any suggestions on how to fix this? The images are good quality and are not blurry when I've used them elsewhere. Thank you.

  39. Petteri Prioteasa Avatar

    excellent tutoral. Thank you very much πŸ™‚

  40. Wagner Santos Avatar

    Great video, I'm Brazilian, my English is bad, my works almost everything, in the part that you change the color of the menu and the color of the texts mine does not work, all the texts that I'm going to change do not modify, there is some place that I can edit the css directly, because the visual editor does not work, I click choose the saved color but nothing changes, when I go back there is no color

  41. rejuvenator89 Avatar

    How can I make the front page background image parallax work in a way that it doesn't stop midway scrolling? All other parallax websites have the effect continue throughout scrolling. Can this be set the same way?

  42. Kai Avatar

    40:30 If i adjust the position of the menu nothing will change, however if i reposition the logo or other containers they will move.
    Awesome video -helped me a lot πŸ™‚

  43. Rico Griffiths-Taitte Avatar

    Hey Hogan this tutorial really helped me more than other videos on Themify, so thank you. I think that you are a great teacher but I have a quick question. I am looking for a way to add an opt in bar
    under my hero image to my front page. Can you point me in the right direction or do you have a tutorial addressing this? Failing that would I have to consider using thrive themes?

  44. Nik Pashbee Avatar

    Dear Hogan,
    Thank you for your brilliant tutoral full of very clear explanations and tips. Finally I managed to built a very nice website πŸ™‚ However one thing does not work and I can not resolve this issue without your support. And could not find any answers in your FAQ. The problem that it is impossible to chose a Favicon. The link at Themify Settings does not work. I put a link manually, but it still does not work.
    Please, help as the website is ready, only this one minor thing left.
    Kind regards,

  45. Rabiya Jaffar Avatar

    Hello hogan! All your tutorials are sooper great! Just amazing works! Can you please help me out with creating a background animation – background move on cursor/mouse movement. Thank you πŸ™‚

Leave a Reply

Your email address will not be published. Required fields are marked *