diff --git a/frontend/index.html b/frontend/index.html
index 7bc3bbd..d3a1492 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -51,7 +51,8 @@
     #google_translate_element {
     position: absolute;
     /* top: 20px; Space from the top */
-    right: 20px; /* Space from the right */
+    left: 20px; /* Space from the right */
+    top: 60px;
     background-color: #3b82f6;
     padding: 10px 15px; /* Padding for better spacing inside the button */
     border-radius: 8px; /* Rounded corners */
diff --git a/frontend/src/Pages/Herosection.jsx b/frontend/src/Pages/Herosection.jsx
index c373614..a8e41a1 100644
--- a/frontend/src/Pages/Herosection.jsx
+++ b/frontend/src/Pages/Herosection.jsx
@@ -52,6 +52,7 @@ const Herosection = () => {
 
             <div className='relative z-50 flex items-center justify-between'>
                 <div><Navbar /></div>
+                <div><HamburgerMenu/></div>
             </div>
             <h1 className='pl-4 text-4xl font-black  text-center text-white '>Namaste !! Yatree </h1>
             <div className="relative flex items-center justify-center bg-center bg-cover herosection">
diff --git a/frontend/src/Pages/hamburger.jsx b/frontend/src/Pages/hamburger.jsx
index 9a67896..840834a 100644
--- a/frontend/src/Pages/hamburger.jsx
+++ b/frontend/src/Pages/hamburger.jsx
@@ -215,26 +215,7 @@ const Hamburger = () => {
 
   return (
     <div>
-      <HamburgerContainer onClick={toggleMenu} aria-label="Toggle Menu" role="button">
-        <HamburgerIcon>
-          <Bar1 open={open} />
-          <Bar2 open={open} />
-          <Bar3 open={open} />
-        </HamburgerIcon>
-      </HamburgerContainer>
-
-      {open && <BackButton onClick={handleBack} />}
-
-      <Menu open={open}>
-        <MenuItem href="#back" onClick={handleBack} style={{ fontSize: '30px' }}>
-          ←
-        </MenuItem>
-        <MenuItem className="cursor-pointer " onClick={HomeClick}>Home</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={SettingsClick}>Settings</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={helpClick}>Help</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={aboutClick}>About</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={Contactclick}>Contact</MenuItem>
-      </Menu>
+   
 
       <SearchContainer>
         <SearchIcon onClick={toggleSearch} />
diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx
index d70e59f..dffd9a2 100644
--- a/frontend/src/components/navbar.jsx
+++ b/frontend/src/components/navbar.jsx
@@ -1,6 +1,8 @@
 import React, { useState } from 'react';
 import { FaBars, FaTimes, FaUser, FaMoneyCheckAlt, FaHandsHelping, FaBell, FaCogs, FaInfoCircle, FaCreditCard } from 'react-icons/fa';
 import { useNavigate } from 'react-router-dom'; // Import useNavigate for routing
+import Hamburger from '../Pages/hamburger';
+
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false);