From 85237c9e109133a0fcc0cbd8233f6a1660af2b29 Mon Sep 17 00:00:00 2001 From: Ayush Deb Date: Sat, 3 Aug 2024 20:25:03 +0530 Subject: [PATCH 1/5] fixed navbar --- index.css | 58 +++++++++++++++++++++++++++++++++++++++--------------- index.html | 7 +++++++ 2 files changed, 49 insertions(+), 16 deletions(-) diff --git a/index.css b/index.css index f44c3121..a181b0be 100644 --- a/index.css +++ b/index.css @@ -150,10 +150,6 @@ option { height: 5.5rem; width: 100vw; } - - .vis-h { - opacity: 0; - } .img img{ display: none; } @@ -186,20 +182,50 @@ option { } } -@media screen and (max-width: 768px) { - .content { - text-align: center; - padding: 10px; +@media (max-width: 768px) { + .nav_menu { + flex-direction: column; } - - .sec-img { - max-width: 100%; - margin: 20px 0; - position: relative; - top: 0; - right: 0; + + .hamburger { + display: flex; } -} + + .mobile-logo-text { + display: block; + } + + .nav_link { + display: none; + flex-direction: column; + position: fixed; + top: 60px; + left: 20px; + background-color: #022a2d; + width: 30%; + margin-top: 30px; + padding: 20px; + z-index: 10; + box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); + } + + .nav_link.active { + display: flex; + } + + .nav_link li { + margin: 10px 0; + } + + .nav_link a { + font-size: 1.2em; + } + + .nav_link .btn1 { + width: 100%; + text-align: center; + } + } /*Preloader CSS*/ .pre { diff --git a/index.html b/index.html index 56d7da5c..68d8f2b7 100644 --- a/index.html +++ b/index.html @@ -97,6 +97,13 @@ +