Hello everybody, I have a problem with my site I am making.
http://gmann.gflclan.com/index.php (this is a test site, I am not even near close to being done with it).
The problem I am having is, when I make my browser smaller, the navbar body doesn't move down (expand).
#navbar {
width:auto;
height: 5%;
position:relative;
background:url(images/transbg4.png);
border-radius:15px 15px 0px 0px;
box-shadow: 5px 5px 10px #121212;
margin-left: 30%;
margin-right: 30%;
color: white;
text-align: left;
}
There's the code. I think it has to do with "height: 5%;". Do you guys have any idea on how to fix this. I am learning coding, and sorry if this is a "noob" question.
Also, if you want, feel free to give suggestions for the site, I already know it looks horrible but I plan on making it better in the future.
Here is the navbar in the PHP file I made:
<div id="navbar">
<ul id="nav_links">
<?php
$query = "SELECT * FROM `navlist` ORDER BY `lorder` ASC";
$result = mysqli_query($db, $query) or die ('Error with the nav list query! Error: ' . mysqli_error($db));
while ($nav = mysqli_fetch_assoc($result)) {
echo '<div class="navlink">';
$target = '';
if($nav['newpage'] == 1) {
$target = 'target=_blank';
} else {
$target = '';
}
echo '<li class="nav_button"><a href="' . $nav['link'] . '" ' . $target . '>' . $nav['name'] . '</a></li>';
echo '</div>';
}
?>
</ul>
</div>
Thanks,
Gamemann