Updated hamburger menu

This commit is contained in:
Thomas Smith 2023-02-08 13:21:01 -05:00
parent 086ca38b54
commit 128e858e21

View file

@ -1,9 +1,9 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav"> <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<div class="container-fluid top-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> <a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a>
<button class="navbar-toggler me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-tea-logo-iconasset-1 me-2"></i>Start <i class="icon-hamburger-icon-square dark-gray"></i>
</button> </button>
<div class="collapse navbar-collapse flex" id="navbarSupportedContent"> <div class="collapse navbar-collapse flex" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto my-auto"> <ul class="navbar-nav ms-auto my-auto">
@ -18,12 +18,13 @@
<style> <style>
.navbar-toggler{ .navbar-toggler{
border-top: 1px solid #4d4d4d !important; border: none;
border-left: 1px solid #4d4d4d !important; height: 60px;
border-right: 1px solid black !important; padding: 0px !important;
border-bottom: 1px solid black !important; }
width:125px;
height: 40px; .navbar-toggler i{
font-size: 61px;
} }
.navbar-toggler:hover{ .navbar-toggler:hover{