Adjusted menu

This commit is contained in:
Fred Boniface 2022-10-07 20:25:40 +01:00
parent a6372dadd3
commit 6ecd9c605c
2 changed files with 4 additions and 10 deletions

View File

@ -20,6 +20,7 @@ body {
.topnav { .topnav {
background-color: #333; background-color: #333;
overflow: hidden; overflow: hidden;
margin: auto; /* TESTING, ORIGINALLY NO MARGIN DECLARATION */
} }
/* Style the links inside the navigation bar */ /* Style the links inside the navigation bar */
@ -33,12 +34,6 @@ body {
font-size: 17px; font-size: 17px;
} }
/* Add an active class to highlight the current page */
.active {
background-color: #04AA6D;
color: white;
}
/* Hide the link that should open and close the topnav on small screens */ /* Hide the link that should open and close the topnav on small screens */
.topnav .icon { .topnav .icon {
display: none; display: none;

View File

@ -12,9 +12,8 @@
<body> <body>
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="#home" class="active">Home</a> <a href="/">Home</a>
<a href="#news">News</a> <a href="/gpg.php">GPG</a>
<a href="#contact">Contact</a>
<div class="dropdown"> <div class="dropdown">
<button class="dropbtn">Dropdown <button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i> <i class="fa fa-caret-down"></i>
@ -25,7 +24,7 @@
<a href="#">Link 3</a> <a href="#">Link 3</a>
</div> </div>
</div> </div>
<a href="#about">About</a> <a href="/projects.php">Projects</a>
<a href="javascript:void(0);" class="icon" onclick="hamburger()">&#9776;</a> <a href="javascript:void(0);" class="icon" onclick="hamburger()">&#9776;</a>
</div> </div>