How to Make a Parallax WordPress Website 2017 – AMAZING!

///How to Make a Parallax WordPress Website 2017 – AMAZING!

How to Make a Parallax WordPress Website 2017 – AMAZING!

FavoriteLoadingAdd to favorites

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 $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 40% 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


  1. Lorrainr O'Reilly April 26, 2017 at 9:17 pm - Reply

    Hi Hogan, nearly finished completing me website however the header keep disappearing and going white as I scroll down. I decided that I didn’t want the header to be translucent I wanted to keep the grey colour. I have gone back over your turtorial a couple of times now and still can’t seem to correct it. Any suggestions on what I can do. Tearing me hair out lol. I’m so not techie so me getting this far is amazing lol

  2. Kolagenowe Siostry April 26, 2017 at 9:19 pm - Reply

    Hello Guys! Anyone knows how to create on the main page categories of all my posts in theme building? I have there posts only, but I want also the categories of this posts. And I can’t find any solutions..

  3. Artur Laskowski April 26, 2017 at 9:20 pm - Reply

    Hi Guys, I have question regarding a header. Is this possible to add mobile number and email address at the top of the header? How can I do it?

  4. Anthony Tew April 26, 2017 at 9:21 pm - Reply

    Hi Hogan , thanks for nice video, however i run to an issue on :
    50:44 after click on "update" it show error
    "This themes requires the following plugin: Themify Portfolio Posts:

    So little gaps is still there (50:18)
    Any help ?
    thanks in advance 🙂

  5. Geraldine Herrera Garmendia April 26, 2017 at 9:21 pm - Reply

    Thank you my friend, god bless you, stars will always shine for you.

  6. MrIshy1 April 26, 2017 at 9:26 pm - Reply

    Hi Hogan, thanks for the great video!

    I wonder, how do you add a favicon?

  7. Shehan Sanjula April 26, 2017 at 9:26 pm - Reply

    How to add Share buttons to posts

  8. Ahmed Kabir Maruf April 26, 2017 at 9:28 pm - Reply

    Hey Hogan, my youtube video is not showing up. what to do? Pls help!

  9. Ondra Hajek April 26, 2017 at 9:28 pm - Reply

    Hi Hogan, I have a question, When I begin to prepare the page, I changed the Header wrap colour to dark black…after few steps I made it transparent but after that I cannot change the header wrap colour anymore..:/ Could you help me with that? Thanks Ondra

  10. TECHLEAFZ April 26, 2017 at 9:30 pm - Reply

    hogan my website looks different on 13 inch laptop, some elements keep floating. How can i make the site look same on 13 inch as well as any screensize above it

  11. Stefan Grogg April 26, 2017 at 9:31 pm - Reply

    Just two quick questions Hogan: i plan to subscribe to themify with your coupon code. How different is the new theme and can i use that new version of Themify ultra for all three of my domains?
    Oops here is a third question. If i use the slider for the hero image, is there a way to add animated text for every one of the slides individually?
    Love your work, Hogan!

  12. Joseph Santana April 26, 2017 at 9:33 pm - Reply

    After staying up all night till now, I installed the last parallax page, and now my site is not working!

  13. Graham Freer April 26, 2017 at 9:35 pm - Reply

    Hi Hogan, Super video tutor, following on with the video got to adding post section and ran into the following problems.
    Front page shows great but when trying to view post it is not formatting correctly everything line of text is placed on top of another. The only way I can get to view the post properly is to space out the sentances, it will not display paragraphs.
    Any help please? Will add screen shoots when I get them online.
    Cheers Graham

  14. MonakoBoy April 26, 2017 at 9:38 pm - Reply

    Hi, amazing tutorial, though I can’t customize pages, it says "Cheatin, uh? Sorry, you are not allowed to customize this site."
    I don’t get why that is. Am I doing something wrong?

  15. Edward Solon April 26, 2017 at 9:39 pm - Reply

    When in Mobile phone size display, my About image is a thumbnail size in a left column and Not in a single column with the pic above the text ? Thanks Hogan

  16. Lee Pears April 26, 2017 at 9:39 pm - Reply

    Hey, this has been baffling me for ages now… how do you change the hamburger menu color?

  17. Chase Dunham April 26, 2017 at 9:39 pm - Reply

    This is the most helpful and detailed video I have ever watched on YouTube EVER! I dont normally give give such high praise on anything but comedy, even then not such praise. This is a must watch for anyone wanting to use WordPress. I have been crawling in the dark on how to use word press for what feels like forever. Never really understanding how to use it. This video is revolutionary. Thank You so much Hogan!!!

  18. Juan Manuel Roggia April 26, 2017 at 9:40 pm - Reply

    Hello Hogan! Thanks for the tutorial, it was really helpful. Today muy Themify builder seize to work; when I press to see the site on the dashboard, the top panel doesnt appear anymore and I cannot turn on the builder. Could you please let me know what is the problem? Thanks!

  19. Alexandru Boeroiu April 26, 2017 at 9:40 pm - Reply

    Hello Hogan,

    I really enjoyed your video and I made the website for my business. I still have some question and I really hope that you can help me with some of them:

    1. How can I make the email address responsive? I am thinking that it would be very useful to open the email directly in a new link when an user click on it. For now it’s just informative, the customer has to write it in his email manually.
    2. How can I make a testimonial part? I want to let the clients show their appreciation about my services through some testimonials. Those should appear at the end of the website or between the articles and contact parts.
    3. Please give me a link of good SEO tips and tricks for better marketing of my website (if you know something that may fit)

    My website is and I am from Romania.

    Thank you very much for your video and I hope to hear some ideas about my issues.

  20. Potato Pimp April 26, 2017 at 9:42 pm - Reply

    At 54:25 for some reason the border of my button won´t appear, and i made evereything exacly how it was shown in the video. What am I doing wrong ?

  21. gary murray April 26, 2017 at 9:42 pm - Reply

    Hi hogan I have completed your tutorial just wondering how I update theme as it asks for username and password.? Thanks in advance

  22. William Kok April 26, 2017 at 9:43 pm - Reply

    Wow 500k views, good job man

  23. Adam Sciupac April 26, 2017 at 9:44 pm - Reply

    Hi Hogan,
    After uploading the photo in builder, and saving it, I go into themify custom panel and change the content width to "Fullwidth", save it, and then return to the page and the image is gone!

    After trying several times, it finally stayed. But then I faced the same dilemma when editing site tagline font sizes and the such. As long as I was in the "customize" screen I had no problem seeing the changes I was making. I would hit save and then load up the page to see what it looked like and it would revert to the settings pre customization. Seems like a wordpress issue? I’m getting different looks in the customization screen than the actual page.


  24. Não Morra April 26, 2017 at 9:45 pm - Reply

    Hey, great tutorial. But I’m having a little problem. The mais text "PARALLAX" is not adjusting to the screen size in mobiles. It is too big and can only be partially seen.
    And I checked the website parallaxdemo and it is happening in this website too.
    How to fix that?

  25. mahmoud abosamir April 26, 2017 at 9:46 pm - Reply

    Hi Mate,
    Thank you for your explanation about how to create the website.

    When I downloaded the Ultra theme from the link you provided and activated it, it did not look the same as yours. I am using Mac

    Can you please explain to me what is the problem.


  26. Red The Man April 26, 2017 at 9:47 pm - Reply

    Great tutorial. Thanks mate. Really helped me out. How do I change the hover color of the main menu links?

  27. cindra madison April 26, 2017 at 9:47 pm - Reply

    For some reason, my menu bar is small and to the right, not at the top, like yours. How to fix? Thank you so much!

  28. Misitio April 26, 2017 at 9:48 pm - Reply

    more like how to SET UP (not make) a wordpress theme and give me money in the process dislike sorry

  29. Known Unknown April 26, 2017 at 9:49 pm - Reply

    Hogan, I can’t begin to say thanks enough. Just discovered your awesome tutorials about a week ago. I’m pretty much a rookie at anything over basic WordPress but the Themify Builder has opened up an entirely new world for me. Dare I say I’m addicted to Parallax. It’s the 3D world of websites I’ve always wanted to create. And I’m just getting started.

  30. Omar Genao April 26, 2017 at 9:53 pm - Reply

    how can i add my instagram feed to the home page , in the bottom part ? i belive there’s a plugging you have to install

  31. Vibhor Singhal April 26, 2017 at 9:53 pm - Reply

    how can i change the location of post meta tags to the bottom of the page?
    please answer

  32. Johnathan Marcroft April 26, 2017 at 9:55 pm - Reply

    Hey Hogan, absolutely fantastic tutorial here is my site, I decided to add video. Not quite finished yet it’s

    I want to add a PayPal payment system to pay deposits how do I do that on the page I’ve created in the book now page.

  33. Desert Island Pool Services April 26, 2017 at 9:55 pm - Reply

    My header section came out HUGE for some reason, and when I scroll down my logo get smashed. What’s happening?

  34. Gaurav yadav April 26, 2017 at 9:56 pm - Reply

    it is free or not

  35. BBQ Treat April 26, 2017 at 9:57 pm - Reply

    Thank you for all that you do. I finished your tutorial website turned out great. It dose seem to load a bit slow. I also add a ssl cert. Take a look if you have time. Thank you so much.

  36. Shehan Sanjula April 26, 2017 at 9:57 pm - Reply

    This is Superb….

  37. Anthony Rojas April 26, 2017 at 9:57 pm - Reply

    Hogan, your video is awesome… by learning WordPress & paralayx can you make residual income?

  38. HAWK3y3s93 April 26, 2017 at 9:58 pm - Reply

    i been wasting so much weeks behind word press bs,,, thank to you i have a nice stock simple and efficient word press layout website…keep up the great work

  39. Sean Heller April 26, 2017 at 10:01 pm - Reply

    Thank you Hogan Chua for the tutorial. I just put up my link using that theme at
    I’m looking for feedback from a personal branding and content perspective. Thank you!

  40. Maciek Lubaszewski April 26, 2017 at 10:02 pm - Reply

    Hi Hogan,
    is there a way to make a "read more" tag work in a text module? When I put the tag in a text and then add some further text, the text after "read more" tag doesn’t disapear after saving. What can I do?
    Thak you.

  41. steve kakai April 26, 2017 at 10:02 pm - Reply

    found it Thanks

  42. Tyler England April 26, 2017 at 10:03 pm - Reply

    Hi, Hogan, I used this tutorial to create my website/blog and it has been working great for the past 6 months. I would now like to update my WordPress to the current version and update my Themify Ultra. What is the best way to do this without losing any of the settings? Should I create a child theme? Also, how can I purchase the Themify Ultra update so that you get some credit as well? Thanks!

  43. Al Minter April 26, 2017 at 10:05 pm - Reply

    Hi Hogan, My wordrpress hosting company upgraded the wordpress version and now the builder is acting funny. When I click on select files to ad to the gallery, nothing happens. I’ve tried it on 2 computers and uninstalled and re installed wordpress. with same results. I can drag and drop files but not click to open a window to do it. Any clue what to do?

  44. Will Brown April 26, 2017 at 10:07 pm - Reply

    Hey, I Followed Your Video Mostly (Using My Own Photos & That) But When I Put Text In The Themify Builder It Does Not Load On To The Page Even Though I Have Saved It In The Themify Builder And The WordPress Page???

  45. steve kakai April 26, 2017 at 10:09 pm - Reply

    cannot find download link

  46. Marlene Olson April 26, 2017 at 10:10 pm - Reply

    Hi Hogan, I have a question. I just got done with your tutorial, and when performing the last function of making it mobile it deleted my cover pic. I cannot figure out how to get it back for the life of me. It shows on settings that it is still there. But the area is just the grey that was put in. Can you please help me?

  47. Юрий Петрович April 26, 2017 at 10:10 pm - Reply

    Infinite posts add on doesn’t work proerly in Microsoft Edge (grid style). One column is not displayed. : (

  48. Joseph Santana April 26, 2017 at 10:14 pm - Reply

    It is only loading the last page, I used the timeline theme and it wont show any other page…

  49. Meagan Goodes April 26, 2017 at 10:16 pm - Reply

    Hi Hogan, loving the video. I’ve just gone back into my website to build some more and the themify builder button at the top has disappeared. I have emptied the internet cache but I don’t seem to have a cache in the themify settings (as suggested in your faq). I have the latest version of wordpress and themify and only downloaded it at the beginning of April 2017. What else can I do? I can’t continue building from your video without it 🙁

  50. Its Meina April 26, 2017 at 10:16 pm - Reply

    Why is it that whenever I want to change and/or add another element to a page, the other elements on that page somehow got changed too? I have to fix and redo it over and over again until everything is the same like before. Now, I’m afraid to even add anything to it, afraid that it will mess up everything. Is it because I don’t have the latest version of the Themify theme?

Leave A Comment