From b362b6e337ba7fe059b715fe0540f2ecef5e4a16 Mon Sep 17 00:00:00 2001 From: Sohini_Das Date: Sun, 12 Jan 2025 00:45:10 +0530 Subject: [PATCH] added about section in navbar --- src/componets/Navbar.js | 5 +++-- src/componets/Navitems.js | 7 +++++++ 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/componets/Navbar.js b/src/componets/Navbar.js index 794ea58..2974993 100644 --- a/src/componets/Navbar.js +++ b/src/componets/Navbar.js @@ -78,13 +78,14 @@ const Logo = styled(motion.div)` const RightNav = styled(motion.div)` display: flex; - justify-content: space-around; + justify-content: center; align-items: center; padding: 1rem 2rem; position: fixed; top: 0px; - left: 35vw; //Now the Shop section is completely visible at the top-right section of Navbar. + left: 20vw; //Now the Shop section is completely visible at the top-right section of Navbar. right: 0; + bottom:5; z-index: 1000; transition: all 0.3s ease; diff --git a/src/componets/Navitems.js b/src/componets/Navitems.js index 4dc44e2..9375115 100644 --- a/src/componets/Navitems.js +++ b/src/componets/Navitems.js @@ -29,6 +29,13 @@ export const navItems = [ path: "./user", cName: "nav-item", }, + { + id :6, + title:"About", + path:"./about", + cName:"nav-item", + }, + ]; export const productDropdown =[