From 9fe6daf3c00e2b215867a37465d3d060505a3029 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Thu, 14 Aug 2025 20:58:48 +0530
Subject: [PATCH] header logo updated for mobile screen

---
 components/HeaderTopbar/HeaderTopbar.js |  2 +-
 components/header2/Header2.js           | 18 +++++++++---------
 styles/sass/layout/_header.scss         |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/HeaderTopbar/HeaderTopbar.js b/components/HeaderTopbar/HeaderTopbar.js
index 9f782c4..9c9feab 100644
--- a/components/HeaderTopbar/HeaderTopbar.js
+++ b/components/HeaderTopbar/HeaderTopbar.js
@@ -5,7 +5,7 @@ import Image from 'next/image'
 
 const HeaderTopbar = () => {
     return (
-        <div className="topbar">
+        <div className="topbar d-lg-block d-none">
             <div className="container">
                 <div className="row align-items-center">
                     <div className="col-lg-3 col-12 d-lg-block d-none">
diff --git a/components/header2/Header2.js b/components/header2/Header2.js
index 9de0d3a..2b9cd98 100644
--- a/components/header2/Header2.js
+++ b/components/header2/Header2.js
@@ -22,24 +22,24 @@ const Header2 = (props) => {
                 <nav className="navigation navbar navbar-expand-lg navbar-light">
                     <div className="container">
                         <div className="row align-items-center">
-                            <div className="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div className="mobail-menu">
-                                    <MobileMenu />
-                                </div>
-                            </div>
-                            <div className="col-md-6 col-6 d-lg-none dl-block">
+
+                            <div className="col-md-6 col-9 d-lg-none dl-block">
                                 <div className="navbar-header">
                                     <Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo}
                                         alt="logo" /></Link>
                                 </div>
                             </div>
-                            
+                            <div className="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
+                                <div className="mobail-menu">
+                                    <MobileMenu />
+                                </div>
+                            </div>
                             <div className="col col-lg-7 col-md-1 col-1">
                                 <div id="navbar" className="collapse navbar-collapse navigation-holder">
                                     <button className="menu-close"><i className="ti-close"></i></button>
                                     <ul className="nav navbar-nav mb-2 mb-lg-0">
                                         {/* <li className="menu-item-has-children"> */}
-                                             <li>
+                                        <li>
                                             <Link onClick={ClickHandler} href="/">Home</Link>
                                             {/* <ul className="sub-menu">
                                                 <li><Link onClick={ClickHandler} href="/home">Main Home</Link></li>
@@ -51,7 +51,7 @@ const Header2 = (props) => {
                                         <li><Link onClick={ClickHandler} href="/our-approach">Our Approach</Link></li>
                                         <li><Link onClick={ClickHandler} href="/about">About us</Link>
                                             <ul className="sub-menu">
-                                                 <li><Link onClick={ClickHandler} href="/about/our-mission">Our Mission</Link></li>
+                                                <li><Link onClick={ClickHandler} href="/about/our-mission">Our Mission</Link></li>
                                                 <li><Link onClick={ClickHandler} href="/about/racial-justice">Racial Justice</Link></li>
                                             </ul>
                                         </li>
diff --git a/styles/sass/layout/_header.scss b/styles/sass/layout/_header.scss
index 7228851..31b7a83 100644
--- a/styles/sass/layout/_header.scss
+++ b/styles/sass/layout/_header.scss
@@ -1370,7 +1370,7 @@
 @media(max-width: 440px) {
 	.wpo-site-header .navbar-header .navbar-brand {
 		img {
-			max-width: 170px;
+			max-width: 250px;
 		}
 	}
 }