MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Header Search icon removed

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
components/layout/header/Header2.js
View File

@ -10,82 +10,101 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}> <header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
{/* Header Top */} {/* Header Top */}
<div className="header-top"> <div className="header-top">
<div className="top-inner"> <div className="top-inner">
<ul className="info-list clearfix"> <ul className="info-list clearfix">
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li> <li>
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li> <img src="/assets/images/icons/icons-17.png" alt="Phone" style={{ marginRight: "8px" }} />
<li><img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK</li> <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>
<ul className="social-links clearfix"> <ul className="social-links clearfix">
<li><Link href="/"><i className="icon-4"></i></Link></li> <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-5"></i></Link></li>
<li><Link href="/"><i className="icon-6"></i></Link></li> <li><Link href="/"><i className="icon-6"></i></Link></li>
<li><Link href="/"><i className="icon-7"></i></Link></li> <li><Link href="/"><i className="icon-7"></i></Link></li>
</ul> </ul>
</div> </div>
</div> </div>
{/* Header Upper */} {/* Header Upper */}
<div className="header-lower"> <div className="header-lower">
<div className="outer-container"> <div className="outer-container">
<div className="outer-box"> <div className="outer-box">
<div className="logo-box"> <div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure> <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> </div>
</nav> <div className="menu-area">
{/* Mobile Navigation Toggler */}
</div> <div className="mobile-nav-toggler" onClick={handleMobileMenu}>
{/* Menu Right Content */} <i className="icon-bar"></i>
<ul className="menu-right-content"> <i className="icon-bar"></i>
<i className="icon-bar"></i>
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}> </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">
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
<i className="icon-27"></i> <i className="icon-27"></i>
</li> */} </li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}> <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i> <i className="icon-28"></i>
</li> </li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
</div>
{/*End Header Upper*/} {/*End Header Upper*/}
{/* Sticky Header */} {/* Sticky Header */}
<div className="sticky-header"> <div className="sticky-header">
<div className="auto-container"> <div className="auto-container">
<div className="outer-box"> <div className="outer-box">
<div className="logo-box"> <div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure> <figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div> </div>
<nav className="main-menu navbar-expand-md navbar-light clearfix"> <nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent"> <div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu/> <Menu />
</div> </div>
</nav> </nav>
<ul className="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> <i className="icon-27"></i>
</li> */} </li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}> <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i> <i className="icon-28"></i>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div>{/* End Sticky Menu */} </div>{/* End Sticky Menu */}

21
public/assets/css/style.css
View File

@ -876,6 +876,27 @@ img {
margin-right: 50px; 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{ .header-top .top-inner .info-list li:last-child{
margin: 0px !important; margin: 0px !important;
} }

BIN
public/assets/images/icons/icons-14.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 337 B

BIN
public/assets/images/icons/icons-15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

BIN
public/assets/images/icons/icons-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 B

BIN
public/assets/images/icons/icons-17.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 B

BIN
public/assets/images/icons/icons-18.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 346 B

BIN
public/assets/images/icons/icons-19.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 B