From 387a69a7d520df21539b9d004653f8f18d068894 Mon Sep 17 00:00:00 2001 From: Uttam Singh Date: Tue, 20 Apr 2021 06:50:36 +0530 Subject: [PATCH 1/8] Added a nav bar --- page.html | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) diff --git a/page.html b/page.html index e458458..053a631 100644 --- a/page.html +++ b/page.html @@ -11,9 +11,67 @@ + + + + From d66a0a29dd69eb8a1ab9f0e63e7d3b4bd9049f32 Mon Sep 17 00:00:00 2001 From: Uttam Singh Date: Sat, 24 Apr 2021 00:31:12 +0530 Subject: [PATCH 2/8] Made Requested Changes - floating navbar, background & breakpoint --- page.html | 50 ++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 48 insertions(+), 2 deletions(-) diff --git a/page.html b/page.html index 053a631..905a95d 100644 --- a/page.html +++ b/page.html @@ -24,10 +24,56 @@ .navbar{ margin-left: 30px; margin-right: 30px; + position: -webkit-sticky; + position: sticky; + top: 0; + overflow: fixed; } + .navbar-nav{ font-size: 1.5em; } + .navbar-collapse{ + background-color: whitesmoke; + } + + @media (max-width: 1200px) { + .navbar-header { + float: none; + } + .navbar-left,.navbar-right { + float: none !important; + } + .navbar-toggle { + display: block; + } + .navbar-collapse { + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); + } + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + .navbar-collapse.collapse { + display: none!important; + } + .navbar-nav { + float: none!important; + margin-top: 7.5px; + } + .navbar-nav>li { + float: none; + } + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + .collapse.in{ + display:block !important; + } +} + @@ -36,7 +82,7 @@