From 0e913ea0c2faa5da0202c0a01c71eee6f93d574a Mon Sep 17 00:00:00 2001 From: Partik SIngh Date: Thu, 9 Mar 2023 19:18:11 +0530 Subject: [PATCH] fixed the navbar issue --- css/style.css | 47 +++++++++++++++++++++++++++++++++++++++++++++-- img/menu.png | Bin 0 -> 4103 bytes index.html | 21 ++++++++++++++++++++- 3 files changed, 65 insertions(+), 3 deletions(-) create mode 100644 img/menu.png diff --git a/css/style.css b/css/style.css index 685ad68..ffb543f 100644 --- a/css/style.css +++ b/css/style.css @@ -590,9 +590,45 @@ body{ .nav-link{ padding-right: 1.5rem !important; } +.navbar{ + /* background-color: #121c40; */ + /* background: transparent; */ +} + +.menu-container{ + margin-left: auto; + width: 1rem; + cursor: pointer; +} + +.menu-img{ + width: 100%; + object-fit: contain; +} -@media(max-width:568px){ - .navbar-nav{display:none} +@media(max-width:992px){ + .navbarSupportedContent{ + transform: translateX(-100vh); + position: absolute; + background: #FFF; + transition: all 1s ease; + width: 100vh; + top: 5vh; + z-index: 101; + padding-left: 2rem; + } + .navbar{ + background-color: #121c40; + } + .active{ + /* background-color: #121c40; */ + transform: translateX(0vh); +} +} +@media(min-width:992px){ + .menu-container{ + display: none; + } } @media(min-width:568px){ @@ -647,4 +683,11 @@ body{ } .project-description ul li{ display: list-item; +} +@media(max-width: 768px){ + .project{ + width: 100%; + } +}) { + } \ No newline at end of file diff --git a/img/menu.png b/img/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..ef8afeb8b28b3dd47e9d06f2d9145e93ebef7ebf GIT binary patch literal 4103 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 Uu`4qLv)%PO2Q2#Ksem8;4RzsbApigX literal 0 HcmV?d00001 diff --git a/index.html b/index.html index c39de54..d8e3a5f 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,9 @@ @@ -171,6 +177,19 @@

Awesome Community