diff --git a/CSS/Faqs.css b/CSS/Faqs.css
index 35b7dcd..ec8d68c 100644
--- a/CSS/Faqs.css
+++ b/CSS/Faqs.css
@@ -2,6 +2,7 @@
 **********************************/
 *{
     box-sizing: border-box;
+    list-style-type: none;
     margin: 0;
     padding: 0;
 }
@@ -18,111 +19,8 @@
 body
 {
     background: var(--background);
-}
-
-/* Styling for Navbar */
-.navContainer
-{
     width: 100%;
-    height: auto;
-    background-color: var(--box3);
-    /* padding-inline: 1.7rem;
-    padding-block: 1rem; */
-    padding: 1rem;
-    padding-inline: 1.5rem;
-    display: flex;
-    justify-content: space-between;
-    /* position: sticky; */
-}
-.navLinksContainer
-{
-    display: none;
-}
-.navLogo img
-{
-    width: 6rem;
-}
-.navButtonsLink a
-{
-    display: none;
 }
-.navButtonsLink img
-{
-    width: 1rem;
-}
-.navDisplay
-{
-    width: 100%;
-    background-color: var(--background);
-    padding: 1.5rem;
-    position: absolute;
-    height: 93vh;
-    right: 0;
-    padding-top: 0.5rem;
-    z-index: 2;
-    display: none;
-    overflow: auto;
-    
-}
-.closeNavDisplay img
-{
-    width: 1rem;
-    float: right;
-    margin-bottom: 0.5rem;
-}
-.navSearch
-{
-    width: 100%;
-    display: flex;
-    border-style: solid;
-    border-color: #FFFFFF;
-    border-top: none;
-    border-right: none;
-    border-width: 0.1rem;
-    margin-bottom: 2rem;
-}
-.navSearch img
-{
-    width: 20%;
-}
-.navSearch input
-{
-    width: 80%;
-    outline: 0;
-    padding: 0.5rem;
-    background-color: var(--box2);
-    border-width: 0;
-    color: white;
-}
-.displayLinks
-{
-    width: 100%;
-    margin-bottom: 4rem;
-}
-.displayLinks a
-{
-    text-decoration: none;
-    color: #FFFFFF;
-    font-family: 'Nunito';
-}
-.displayLinks li
-{
-    margin-bottom: 2rem;
-    list-style-type: none;
-}
-.mediaLinks
-{
-    justify-content: center;
-    text-align: center;
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 1rem;
-}
-.mediaLinks a
-{
-    margin: 0.2rem;
-}
-/* End of styling for navbar */
 
 main {
     background: var(--background);
@@ -167,7 +65,8 @@ a:visited {
 .nav {
     /* Auto layout */
 
-    display: flex;
+    /* display: flex; */
+    display: none;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
@@ -371,7 +270,134 @@ a.btn_s{
 }
 
 
-/*styling for mobile view*/
+/*styling for mobile view - Michael Omoniyi*/
+
+/* Styling for Navbar - Michael Omoniyi*/
+.navContainer
+{
+    width: 100%;
+    height: auto;
+    background-color: var(--box3);
+    /* padding-inline: 1.7rem;
+    padding-block: 1rem; */
+    padding: 1rem;
+    padding-inline: 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    /* position: sticky; */
+}
+.navLinksContainer
+{
+    display: none;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+.navLogo
+{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+.navLogo img
+{
+    width: 6rem;
+}
+.navButtonsLink
+{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+.navButtonsLink a
+{
+    display: none;
+}
+.navButtonsLink img
+{
+    width: 1rem;
+}
+.navDisplay
+{
+    width: 100%;
+    background-color: var(--background);
+    padding: 1.5rem;
+    position: absolute;
+    height: 93vh;
+    right: 0;
+    padding-top: 0.5rem;
+    z-index: 2;
+    display: none;
+    overflow: auto;
+    
+}
+.closeNavDisplay i
+{
+    /* width: 1rem; */
+    float: right;
+    margin-bottom: 0.5rem;
+}
+.navSearch
+{
+    width: 100%;
+    display: flex;
+    border-style: solid;
+    border-color: #FFFFFF;
+    border-top: none;
+    border-right: none;
+    border-width: 0.1rem;
+    margin-bottom: 2rem;
+}
+.navSearch img
+{
+    width: 20%;
+}
+.navSearch input
+{
+    width: 80%;
+    outline: 0;
+    padding: 0.5rem;
+    background-color: var(--box2);
+    border-width: 0;
+    color: white;
+}
+.displayLinks
+{
+    width: 100%;
+    margin-bottom: 4rem;
+}
+.displayLinks a
+{
+    text-decoration: none;
+    color: #FFFFFF;
+    font-family: 'Nunito';
+}
+.displayLinks li
+{
+    margin-bottom: 2rem;
+    list-style-type: none;
+}
+.mediaLinks
+{
+    justify-content: center;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 1rem;
+}
+.mediaLinks a
+{
+    margin: 0.2rem;
+}
+/* End of styling for navbar */
 .heading
 {
     width: 100%;
@@ -398,7 +424,7 @@ a.btn_s{
 .timer h2
 {
     width: 100%;
-    /* font-size: 5.5vw; */
+    font-size: 5.5vw;
     text-align: center;
     line-height: 0;
     display: block;
@@ -616,8 +642,61 @@ main hr
 /* End of styling for mobile view screen  */
 
 
-/* Styling for Tablet screen  */
+/* Styling for Tablet screen - Michael Omoniyi */
 @media  screen and (min-width: 375px) {
+    .navContainer
+    {
+        padding-inline: 3rem;
+        padding-block: 1rem;
+        width: 100%;
+    }
+    .navLogo
+    {
+        display: block;
+    }
+    .navLogo img
+    {
+        width: 10rem;
+    }
+    .navButtonsLink
+    {
+        display: flex;
+    }
+    .navButtonsLink img
+    {
+        width: 2rem;
+    }
+    .navButtonsLink #registerDropdown
+    {
+        display: inline-block;
+        border: solid var(--yellow);
+        border-radius: 10px;
+        padding-inline: 2rem;
+        padding-block: 0.4rem;
+        background-color: var(--yellow);
+        margin-right: 1.5rem;
+        margin-left: 1rem;
+    }
+    .dropdown
+    {
+        display: none;
+        position: absolute;
+        top: 5rem;
+        /* right: 10vw; */
+    }
+    .dropdown a
+    {
+        display: block;
+        background-color: rgba(0, 0, 0, 1);
+        border-width: 1px;
+        margin-bottom: 1rem;
+        display: inline-block;
+        border: solid var(--yellow);
+        border-radius: 10px;
+        padding-inline: 4rem;
+        padding-block: 1rem;
+        margin-right: 1.5rem;
+    }
     main
     {
         width: 100%;
@@ -671,11 +750,110 @@ main hr
         font-size: 3vw;
     }
 }
+/* End of styling for Tablet scree */
 
 /* Desktop Style  */
 /* FAQS Styles
                by Precious Victory ************************************************/
 @media screen and (min-width: 834px){
+    /* Styling for Desktop Navbar - Michael Omoniyi */
+    .navContainer
+    {
+        /* height: auto; */
+        min-height: 3rem;
+        justify-content: space-between;
+        width: 100%;
+        overflow: auto;
+    }
+    .navLogo
+    {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        margin-top: auto;
+        margin-bottom: auto;
+    }
+    .navLogo img
+    {
+        display: block;
+        /* margin-top: 1rem; */
+        /* transform: translate(0%, 50%); */
+    }
+    .navLinksContainer
+    {
+        display: block;
+        /* margin-top: 1.3rem; */
+        margin-inline: 1.5rem;
+    }
+    .navLinksContainer ul
+    {
+        display: flex;
+        margin-top: auto;
+        margin-bottom: auto;
+        justify-content: space-between;
+        align-items: center;
+        text-align: center;
+        gap: 3.5vw;
+        /* transform: translate(0%, 50%); */
+    }
+    .navLinksContainer ul a:hover
+    {
+        color: var(--yellow);
+    }
+    .navButtonsLink
+    {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        margin-top: auto;
+        margin-bottom: auto;
+    }
+    .navButtonsLink i
+    {
+        display: none;
+    }
+    .navButtonsLink #registerDropdown
+    {
+        display: none;
+    }
+    .navButtonsLink a
+    {
+        display: block;
+        text-align: center;
+    }
+    .dropdown
+    {
+        display: flex;
+        position: relative;
+        top: 0;
+        right: 0;
+    }
+    .dropdown a
+    {
+        display: block;
+        padding-inline: 2rem;
+        margin-top: auto;
+        margin-bottom: auto;
+    }
+    .dropdown a:hover
+    {
+        background-color: var(--yellow);
+        color: #FFFFFF;
+    }
+    .dropdown a:first-of-type
+    {
+        background-color: var(--yellow);
+        color: #FFFFFF;
+    }
+    .dropdown a:first-of-type:hover
+    {
+        background-color: rgba(0, 0, 0, 1);
+        color: var(--yellow);
+    }
+    /* End of Styling for desktop Navbar  */
+
     /* heading section 
     *****************************************/
     main
diff --git a/CSS/Home.css b/CSS/Home.css
index 9c100bb..1d080cb 100644
--- a/CSS/Home.css
+++ b/CSS/Home.css
@@ -58,7 +58,8 @@ a{
 		background: var(--bg);
 		padding: 1rem;
 		color: var(--highl);
-		display: flex; 
+		/* display: flex;  */
+    display: none;
 		justify-content: space-between;
 		border: none;
 		height: 4rem;
diff --git a/HTML/Faqs.html b/HTML/Faqs.html
index 393086a..d4df442 100644
--- a/HTML/Faqs.html
+++ b/HTML/Faqs.html
@@ -11,7 +11,8 @@
  
     <title>KINFLIP | FAQS</title>
 </head>
-<body>
+<body class="body">
+    <!-- Navbar structure - Michael Omoniyi -->
     <nav>
         <div class="navContainer">
             <div class="navLogo">
@@ -28,15 +29,19 @@
                 </ul>
             </div>
             <div class="navButtonsLink">
-                <a href="#">Register as an Attendee</a>
-                <a href="#">Register as a Speaker</a>
-                <a href="#">Register</a>
-                <img src="/Images/Navicon.jpeg" id="openNavDisplay" onclick="openNavDisplay()" alt="Navicon">
+                <a href="#" id="registerDropdown" onclick="registerDropdown()">Register</a>
+                <div class="dropdown">
+                    <a href="#">Register as an Attendee</a>
+                    <a href="#">Register as a Speaker</a>
+                </div>
+                <!-- <img src="/Images/Navicon.jpeg" id="openNavDisplay" onclick="openNavDisplay()" alt="Navicon"> -->
+                <i style="color: #FFBC01; font-size: 2rem" id="openNavDisplay" onclick="openNavDisplay()" alt="Navbar" class="fas fa-bars"></i>
             </div>
         </div>
         <div class="navDisplay">
             <div class="closeNavDisplay">
-                <img src="/images/Navicon.jpeg" id="closeNavDisplay" onclick="closeNavDisplay()" alt="">
+                <!-- <img src="/images/Navicon.jpeg" id="closeNavDisplay" onclick="closeNavDisplay()" alt=""> -->
+                <i style="color: #FFBC01; font-size: 2rem" id="closeNavDisplay" onclick="closeNavDisplay()" alt="Navbar" class="fas fa-bars"></i>
             </div>
             <div class="navSearch">
                 <input type="search" name="navSearch" id="navSearch">
@@ -61,6 +66,7 @@
             </div>
         </div>
     </nav>
+    <!-- End of navbar section  -->
 
     <header>
         <nav class="nav">
@@ -95,7 +101,7 @@
       </header>
 
 
-    <main>
+    <main id="closeAllNavbar">
         <section class="heading">
             <div class="timer">
                 <h2 class="con">FFI CONFERENCE</h2>
diff --git a/Scripts/Faqs.js b/Scripts/Faqs.js
index a00fd36..3321237 100644
--- a/Scripts/Faqs.js
+++ b/Scripts/Faqs.js
@@ -14,6 +14,14 @@ let closeNavDisplay = () =>
     document.querySelector('.body').style.height = 'auto'
     document.querySelector('.body').style.overflow = 'auto'
 }
+let registerDropdown = () =>
+{
+    document.querySelector('.dropdown').style.display = 'block'
+}
+let closeAllNavbar = () =>
+{
+    document.querySelector('.dropdown').style.display = 'none'
+}
 
 // Register Drop down styles
 let registerlinks = () =>