Fixed navbar Issue
<p>Guys I am having a tough time trying to fix this navbar at top. Please help...need it fast</p>

<pre><code>&lt;nav&gt;

    &lt;span class="nav-btn"&gt;&lt;/span&gt;

    &lt;ul class="nav"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;
</code></pre>

<p>the style i have put is:-</p>

<pre><code> nav{
    position: fixed;
    top: 0;
    width: 100%;
}


nav .nav {
    background: #333;
    color: #fff;
    margin: 0;
    list-style: none;
    text-align: center;
}

.nav li{
    display: inline-block;
}

.nav li a{
    color: #fff;
    padding: 25px 35px;
    font-size: 20px;
    font-weight: bold;
    background-color: #333;
    display: block;
}

.nav li a:hover{
    background-color: #fff;
    color: #333;
}
</code></pre>

<p>even after </p>

<pre><code>nav{
    position: fixed;
    top: 0;
    width: 100%;
}
</code></pre>

<p>I am unable to get it fixed.</p>