Skip to content

Commit

Permalink
Merge pull request #1383 from Ansh101112/header
Browse files Browse the repository at this point in the history 
Header Fixed
  • Loading branch information
@arghadipmanna101
arghadipmanna101 authored Jul 12, 2024
2 parents 3df68ce + a9f2d8b commit 8bfe5c9
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 46 deletions.
4 changes: 2 additions & 2 deletions css/homeHeader.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,11 +34,11 @@
width: 100%;
}
.navbar{
padding: 12px 28px;
padding: 2px 18px;
display: inline;
}
a.navbar-brand{
padding-right: 20px;
padding-right: 5px;
}
.homeHeader .navtab {
display: flex;
Expand Down
87 changes: 43 additions & 44 deletions header/header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,26 +11,30 @@
<link rel="stylesheet" type="text/css" href="../css/header.css">
<style>
.navbar-brand img {
width: 100%;
width: 120px;
}

.searchBar_h {
display: flex;
align-items: center;
flex: 1;
margin-left: 20px;
margin-right: 20px;
}

.searchBar_h input {
width: 100%;
flex: 1;
padding: 5px 10px;
border-radius: 5px;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
}

.searchBar_h i {
padding: 3px 10px;
padding: 5px 10px;
border-radius: 0 5px 5px 0;
background-color: #fff;
/* border: 1px solid #ccc; */
border: 1px solid #ccc;
border-left: 0;
cursor: pointer;
}

Expand All @@ -40,17 +44,17 @@
}

.b_a_s, #more_h, .cartLogoandname {
margin-left: 15px;
margin-left: 10px;
}

.cartLogoandname img {
width: 24px;
width: 20px;
}

.secondNav .nav-link {
display: flex;
align-items: center;
padding: 8px 15px;
padding: 5px 10px;
color: #000;
}

Expand All @@ -61,14 +65,16 @@
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28155,155,155,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#more_h {
cursor: pointer;
position: relative;
display: inline-block;
padding: 10px;
padding: 5px 10px;
color: #fff;
}
#more-options {
}

#more-options {
display: none;
background-color: #050505;
box-shadow: 0 2px 2px rgba(0,0,0,0.15);
Expand All @@ -79,20 +85,23 @@
left: 0;
min-width: 150px;
border: 1px solid #e0e0e0;
}
#more_h:hover #more-options {
}

#more_h:hover #more-options {
display: block;
}
.option-item {
}

.option-item {
color: #f4c3c3;
padding: 0px 0px;
padding: 5px 0;
text-decoration: none;
display: block;
font-size: 13px;
}
.option-item:hover {
}

.option-item:hover {
text-decoration: none;
}
}
</style>
</head>

Expand All @@ -118,13 +127,13 @@
<a href="../sell-online/">Become a Seller</a>
</div>
<div class="text-white" id="more_h">
More <i class="bi bi-chevron-down"></i><i class="bi bi-chevron-up" style="display: none;"></i>
More <i class="bi bi-chevron-down"></i>
<div id="more-options">
<a class="option-item" href="../gift-cards/index.html">Gift-Cards</a>
<a class="option-item" href="../plus/index.html">Flipkart+</a>
<a class="option-item" href="../account/contact.html">Contact Us</a>
<a class="option-item" href="../gift-cards/index.html">Gift-Cards</a>
<a class="option-item" href="../plus/index.html">Flipkart+</a>
<a class="option-item" href="../account/contact.html">Contact Us</a>
</div>
</div>
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h">Cart</span><span id="cartItems"></span>
Expand All @@ -144,44 +153,34 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../search/?query=electronics">Electronics <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=electronics">Electronics <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=home">Home & Furniture <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=home">Home & Furniture <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../offerpage/offerportal.html">Offer Zone <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../offerpage/offerportal.html">Offer Zone <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i></a>
</li>
</ul>
</div>
Expand Down

0 comments on commit 8bfe5c9

Please sign in to comment.