Home Ask Login Register

Developers Planet

Your answer is one click away!

Žiga Povhe February 2016

Responsive navbar problems

I recently wanted to add some media query lines to my website and it was all perfect, until I added a mobile navigation (dropdown menu). After that, my marquee somehow got behind the header (navigation) and after that, I couldn't figure out what's wrong.

I don't want to move it down with padding, but rather figure out why that's, because before I added a mobile navigation everything had their specific place to stand and not one thing overlapping another thing.

http://i.imgur.com/ciqMkpB.png

Here is my html:

   <body> 
    <div id="container">
        <header>
        <div id="nav">
            <nav class="nav-collapse">
            <ul>
                <li><img alt="icon" src="res/img/logo2.png"></li>
                <li><a rel="alternate" href="#" class="current" class="nav-collapse">Home</a></li>
                <li><a href="sub/menu1.html">Members</a></li>
                <li><a href="sub/menu2.html">Exams</a></li>
                <li><a href="sub/menu3.html">Timetable</a> </li>
                <li><a href="sub/menu4.html">About</a></li>
                <li><a class="fck" href="password.html">Private Site</a</li>
                <li id="title">Class Site</li>
            </ul>
            </nav>
        </div>
        </header>

        <div id="content">
            <div id="title">
                <div class="marquee">
                     <h3>Welcoke...</h3>
                </div>
            </div>
            <div id=        

Answers


timmyRS February 2016

Try a fixing the navbar to the top and then give the body a padding of 50px.

Post Status

Asked in February 2016
Viewed 1,779 times
Voted 12
Answered 1 times

Search




Leave an answer


Quote of the day: live life

Devs Planet ®

2014-2016 www.devsplanet.com

Devs Planet © all rights reserved

Search