Landing Page - It's done but can't see other elements

Hi all good guys,

I completed the landing page project, it seems passed the test but there is a problem on page. As you can see, I added a form, video etc. but can’t see them. If I remove fixed position from nav-bar ID, it’s fixing but then I can’t pass test because of viewport problem.

So my question is, how do I solve this?

https://codepen.io/anil34/pen/poRRGQm

What if you tried sticky instead of fixed?

you can add margin to the element beneath the fixed nav bar, enough to make it appear on the screen.

I’m trying to add margin but nothing happens. I don’t know what’s wrong but even background color didn’t change. Literally, after using “position: fixed”, my other codes doesn’t work

Read my previous comment.
Search for sticky versus fixed.

1 Like

I tried sticky and problem resolved but this time I can’t pass the exam because of this :

1. The navbar should always be at the top of the viewport.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.