updating navbar

arghadipmanna101 · Jun 9, 2024 · b51c180 · b51c180
1 parent b1e469a
commit b51c180
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/css/homeHeader.css b/css/homeHeader.css
@@ -1,10 +1,14 @@
+
 #homeHeader {
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 9999;
 }
-
+.navbar{
+  padding-top: 0rem;
+    padding-bottom: 0rem;
+}
 .homeHeader .nav-item {
   transition: background-color 0.5s ease;
   /* padding: 9px 13px; */
@@ -75,7 +79,7 @@
 }
 
 .homeHeader .nav-item:hover .homeHeader .nav-item-divider::before {
-  background-color: #000;
+  background-color: #159430;
 }
 
 .homeHeader .nav-item-divider::after {
@@ -141,7 +145,7 @@
 }
 
 .homeHeader .dropdown-item:hover {
-  background-color: #f8f9fa;
+  background-color: #f8f8fa;
   color: #007bff;
 }
 
@@ -166,9 +170,10 @@
   .navItem5 {
     margin: 0
   }
-
+ 
 }
 
+
 @media screen and (max-width:995px) {
 
   .navname3,

diff --git a/header/header.html b/header/header.html
@@ -15,7 +15,7 @@
 
   <!-- Header -->
   <header id="header-bluebg">
-    <nav class="container-fluid" style="background-color: #2874F0;">
+    <nav class="container-fluid" style="background-color: #2874F0">
       <div class="container">
         <nav class="navbar bg-body-tertiary">
           <div class="container-fluid">

diff --git a/index.html b/index.html
@@ -35,7 +35,7 @@
 
 	<!--Header start  -->
 	<header id="homeHeader">
-		<nav class="navbar homeHeader navbar-expand-lg navbar-light bg-light">
+		<nav class="navbar homeHeader navbar-expand-lg navbar-light bg-light" style="background-color: #0d6efd !important">
 			<a class="navbar-brand" href="https://flipkart-clone-seven-azure.vercel.app/">
 				<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/fkheaderlogo_exploreplus-44005d.svg"
 					width="160" height="40" title="Flipkart" alt="Flipkart" />
@@ -107,7 +107,7 @@
 						<a class="nav-link cartLogoandname" href="viewcart/">
 							<img
 								src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/header_cart-eed150.svg" />
-							<span class="navname2">Cart</span><span id="cartItems"></span>
+							<span class="navname navname_ac">Cart</span><span id="cartItems"></span>
 						</a>
 					</li>
 					<li class="nav-item navItem4">