Header Search icon removed

This commit is contained in:
akash 2025-08-29 13:38:49 +05:30
parent 9555ef70f6
commit 54d79eaba1
8 changed files with 87 additions and 47 deletions

View File

@ -13,77 +13,96 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="top-inner">
<ul className="info-list clearfix">
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li>
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li>
<li><img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK</li>
<li>
<img src="/assets/images/icons/icons-17.png" alt="Phone" style={{ marginRight: "8px" }} />
<Link href="tel:647-722-3434">647-722-3434</Link>
</li>
<li>
<img src="/assets/images/icons/icons-19.png" alt="Mail" style={{ marginRight: "8px" }} />
<Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link>
</li>
<li>
<Link href="/why-rapha-physiotherapy-etobicoke">Why Us</Link>
</li>
<li>
<Link href="/faq-physiotherapy-etobicoke">Faq</Link>
</li>
<li>
<Link href="/what-to-expect">What To Expect</Link>
</li>
<li>
<Link href="/payment-insurance">Payment And Insurance</Link>
</li>
</ul>
<ul className="social-links clearfix">
<li><Link href="/"><i className="icon-4"></i></Link></li>
<li><Link href="/"><i className="icon-5"></i></Link></li>
<li><Link href="/"><i className="icon-6"></i></Link></li>
<li><Link href="/"><i className="icon-7"></i></Link></li>
</ul>
</div>
</div>
</div>
</div>
{/* Header Upper */}
<div className="header-lower">
<div className="outer-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
</div>
{/* Main Menu */}
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu/>
<div className="outer-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
</nav>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
</div>
{/* Main Menu */}
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu />
</div>
</nav>
</div>
{/* Menu Right Content */}
<ul className="menu-right-content">
</div>
{/* Menu Right Content */}
<ul className="menu-right-content">
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
<i className="icon-27"></i>
</li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
</div>
</div>
</div>
</div>
{/*End Header Upper*/}
{/* Sticky Header */}
<div className="sticky-header">
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu/>
<Menu />
</div>
</nav>
<ul className="menu-right-content">
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
<i className="icon-27"></i>
</li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
</div>

View File

@ -876,6 +876,27 @@ img {
margin-right: 50px;
}
@media only screen and (max-width: 1440px) {
.header-top .top-inner .info-list li{
position: relative;
display: inline-block;
color: #fff;
padding-left: 28px;
margin-right: 25px;
}
}
@media only screen and (max-width: 1024px) {
.header-top .top-inner .info-list li{
position: relative;
display: inline-block;
color: #fff;
padding-left: 28px;
margin-right: 25px;
}
}
.header-top .top-inner .info-list li:last-child{
margin: 0px !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 365 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 346 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 B