corrections updated
This commit is contained in:
commit
ede3509840
@ -5,7 +5,7 @@ import Image from 'next/image'
|
|||||||
|
|
||||||
const HeaderTopbar = () => {
|
const HeaderTopbar = () => {
|
||||||
return (
|
return (
|
||||||
<div className="topbar">
|
<div className="topbar d-lg-block d-none">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-3 col-12 d-lg-block d-none">
|
<div className="col-lg-3 col-12 d-lg-block d-none">
|
||||||
|
|||||||
@ -22,24 +22,24 @@ const Header2 = (props) => {
|
|||||||
<nav className="navigation navbar navbar-expand-lg navbar-light">
|
<nav className="navigation navbar navbar-expand-lg navbar-light">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<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">
|
<div className="col-md-6 col-9 d-lg-none dl-block">
|
||||||
<MobileMenu />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-md-6 col-6 d-lg-none dl-block">
|
|
||||||
<div className="navbar-header">
|
<div className="navbar-header">
|
||||||
<Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo}
|
<Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo}
|
||||||
alt="logo" /></Link>
|
alt="logo" /></Link>
|
||||||
</div>
|
</div>
|
||||||
</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 className="col col-lg-7 col-md-1 col-1">
|
||||||
<div id="navbar" className="collapse navbar-collapse navigation-holder">
|
<div id="navbar" className="collapse navbar-collapse navigation-holder">
|
||||||
<button className="menu-close"><i className="ti-close"></i></button>
|
<button className="menu-close"><i className="ti-close"></i></button>
|
||||||
<ul className="nav navbar-nav mb-2 mb-lg-0">
|
<ul className="nav navbar-nav mb-2 mb-lg-0">
|
||||||
{/* <li className="menu-item-has-children"> */}
|
{/* <li className="menu-item-has-children"> */}
|
||||||
<li>
|
<li>
|
||||||
<Link onClick={ClickHandler} href="/">Home</Link>
|
<Link onClick={ClickHandler} href="/">Home</Link>
|
||||||
{/* <ul className="sub-menu">
|
{/* <ul className="sub-menu">
|
||||||
<li><Link onClick={ClickHandler} href="/home">Main Home</Link></li>
|
<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="/our-approach">Our Approach</Link></li>
|
||||||
<li><Link onClick={ClickHandler} href="/about">About us</Link>
|
<li><Link onClick={ClickHandler} href="/about">About us</Link>
|
||||||
<ul className="sub-menu">
|
<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>
|
<li><Link onClick={ClickHandler} href="/about/racial-justice">Racial Justice</Link></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -1370,7 +1370,7 @@
|
|||||||
@media(max-width: 440px) {
|
@media(max-width: 440px) {
|
||||||
.wpo-site-header .navbar-header .navbar-brand {
|
.wpo-site-header .navbar-header .navbar-brand {
|
||||||
img {
|
img {
|
||||||
max-width: 170px;
|
max-width: 250px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user