# Solved # Portfolio - The navbar should always be at the top of the viewport

**URL:** <https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032>\
**Category:** I Built This\
**Created:** [April 22, 2019, 4:20pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032 "2019-04-22T16:20:24Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mgp](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@mgp](https://forum.freecodecamp.org/u/mgp)\
**Post date:** [April 22, 2019, 4:20pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/1 "2019-04-22T16:20:24Z")

</div>

First of all, Hello everyone, my first post here 😃  
I am building my projects for FCC Responsive Web Design Projects, in particular now at the Portfolio, and I am stuck.  
Also, I am having major issues with making things “fit” nicely together, I understand the lines of code I have, and I understand what they do, but mostly, layouts/positioning I cant just figure it out, is this an issue everyone has when starting?

link here for codepen daliol/pen/GLBOGm

Portfolio related question:  
As the title says, navbar to the top, HOW!!! haha its a nightmare

Thanks in advance,  
mgp

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [April 22, 2019, 4:46pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/2 "2019-04-22T16:46:51Z")

</div>

[https://www.w3schools.com/howto/howto\_css\_fixed\_menu.asp](https://www.w3schools.com/howto/howto_css_fixed_menu.asp)

---

<div class="post-metadata">

**Author:** ![RadDevDad](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/raddevdad/32/119241_2.png) [@RadDevDad](https://forum.freecodecamp.org/u/RadDevDad)\
**Post date:** [April 22, 2019, 6:22pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/3 "2019-04-22T18:22:25Z")

</div>

Your nav bar has a margin value which is causing it to be pushed down. Try reassigning the margin values for the `nav ul` element in your CSS. 🙂

---

<div class="post-metadata">

**Author:** ![mgp](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@mgp](https://forum.freecodecamp.org/u/mgp)\
**Post date:** [April 23, 2019, 8:25am UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/4 "2019-04-23T08:25:54Z")

</div>

I corrected the values, the nav bar is now on TOP, but it doesnt pass the test. Any sugestion? ☹

I also dont understand why the following text has an hyperlink… Is it something I am not seeing?  
“Let’s work together…  
How do you take your coffee?”

---

<div class="post-metadata">

**Author:** ![RadDevDad](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/raddevdad/32/119241_2.png) [@RadDevDad](https://forum.freecodecamp.org/u/RadDevDad)\
**Post date:** [April 23, 2019, 6:02pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/5 "2019-04-23T18:02:18Z")

</div>

Are you still having issues? Your link isnt working anymore. Can I get an updated link if you’re still having problems?

---

<div class="post-metadata">

**Author:** ![mgp](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@mgp](https://forum.freecodecamp.org/u/mgp)\
**Post date:** [April 24, 2019, 8:21am UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/6 "2019-04-24T08:21:25Z")

</div>

@RadDevDad Thank you for the help! I managed to solve it the hard way, new file, start over. 🤮  
But hey, its done! 😃

---

<div class="post-metadata">

**Author:** ![MdFarzan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mdfarzan/32/147891_2.png) [@MdFarzan](https://forum.freecodecamp.org/u/MdFarzan)\
**Post date:** [November 27, 2020, 12:30pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/7 "2020-11-27T12:30:08Z")

</div>

Hey , I am facing the same issue. Could you help me please?

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [November 27, 2020, 3:48pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/8 "2020-11-27T15:48:05Z")

</div>

Welcome to the forums @MdFarzan.

You’ve replied to a topic that is two years old.  
If you’re having an issue please open a new topic, with a title that briefly describes your problem.  
In the body of your topic please expand on what issue you’re having and include a link to your code so that we can see what may be causing your issue.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [November 27, 2020, 3:48pm UTC](https://forum.freecodecamp.org/t/solved-portfolio-the-navbar-should-always-be-at-the-top-of-the-viewport/273032/9 "2020-11-27T15:48:11Z")

</div>


