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.


Here is my html:

    <div id="container">
        <div id="nav">
            <nav class="nav-collapse">
                <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>

        <div id="content">
            <div id="title">
                <div class="marquee">
            <div id=        


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


Leave an answer

Quote of the day: live life

Devs Planet ®

2014-2016 www.devsplanet.com

Devs Planet © all rights reserved