Fixed navbar on mobile

This commit is contained in:
Thomas Smith 2023-02-14 12:09:22 -05:00
parent c2031ae403
commit dece1d752f
2 changed files with 1 additions and 46 deletions

View file

@ -1,7 +1,7 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<div class="container-fluid top-nav">
<a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
<button class="navbar-toggler me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-hamburger-icon-square dark-gray"></i>
</button>
@ -17,22 +17,6 @@
</li>
<style>
.navbar-toggler{
border: none;
height: 60px;
padding: 0px !important;
border-radius: 0px !important;
}
.navbar-toggler i{
font-size: 60px;
}
.navbar-toggler:hover{
border: none !important;
background-color: #0f0f0f;
}
.hbtn {
background-color: #8000ff;
position: relative;

View file

@ -1,30 +1 @@
/* Navbar General */
.navbar{
position: fixed;
width:100%;
padding: 0px !important;
height: 52px;
background-color: #1a1a1a !important;
text-transform: uppercase;
border-bottom: 1px solid gray;
}
/* Drop Verion */
.top-logo{
height: 50px;
width: 50px;
margin: 0px !important;
padding-top:0px;
}
.navbar-brand{
height: 100%;
margin: 0px !important;
padding: 0px !important;
}
div.container-fluid.top-nav{
padding: 0px !important;
}