Following portfolio tutorial, failing horribly

I’m a graphic arts student who’s trying to make a website to show my portfolio, but I have one major problem - I despise coding in all forms. Even HTML which people tell is isn’t so bad is infuriating.

So I tried following along with Webflow’s tutorial for making a portfolio website, but it’s not working. The site isn’t properly responsive, and worst of all, the navigation menu only functions on desktop mode. I’m completely helplessly stuck. Can any tell me what I’m doing wrong?


https://preview.webflow.com/preview/yet-another-goddamn-portfolio?preview=ed80fc619d1efe0ac0939a59e490b39c

Hi @Blaaaarg

Thanks for reaching out with your questions. It does get frustrating when you find yourself stuck, but we’re here to help you find the issues and resolve them.


Issue 1: “The site isn’t properly responsive”

Seems there’s a horizontal scroll on mobile. Your form element has a fixed width value which is overflowing outside the section and creating this horizontal scroll. Image 2018-04-16 at 10.53.0...

Solution: set the width of the form on mobile landscape to auto. Image 2018-04-16 at 10.55.1...

You might also want to narrow the paddings of the section on mobile. Screen Recording 2018-04-16...

Are you experiencing any other issues with responsivity? Please, let me know and I’ll take a look.


Issue 2: “the navigation menu only functions on desktop”

The reason your navigation isn’t functioning as intended is that you’ve forgotten to set the z-index as we point out in the video here: Creating a custom portfolio — Animating the fixed navigation menu & outro (Part 8 of 8) - YouTube

Solution: select the nav wrapper and set the z-index to 9999. Screen Recording 2018-04-16...

Please, let me know if this is helpful or if you have any additional questions, I’m happy to help further.


Check out the project we built in the Portfolio course in read -only mode here: https://preview.webflow.com/preview/janet-new-york?preview=6e8a12ae5b4580fd750d52c7d0cc1585

3 Likes