MERMS/MermsWebsite2025
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Header fix

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-01-01 10:54:54 -05:00
parent c8dc50e655
commit adb8676974
3 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Layout.js
+7 -9
View File
@@ -38,18 +38,16 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
<div id="page" className="page font--jakarta"> <div id="page" className="page font--jakarta">
<HeaderMerms scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> <HeaderMerms scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />
{/*{!headerStyle && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />}*/} <div className="main">
{/*{headerStyle == 1 ? <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}*/} <main className="main merms-main">
{/*{headerStyle == 2 ? <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}*/} {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
{children}
</main>
</div>
<main className="main">
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
{children}
</main>
<Footer3 /> <Footer3 />
<BackToTop /> {/*<BackToTop />*/}
</div> </div>
</> </>
) )
components/layout/header/HeaderMerms.js
+9 -9
View File
@@ -3,30 +3,30 @@ import MobileMenu from "../MobileMenu"
import Menu from "../Menu" import Menu from "../Menu"
export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, headerCls }) { export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
console.log(headerCls); console.log(headerCls);
const headerCls2 ="nonnn"
return ( return (
<> <>
<header id="header" className={`tra-menu white-scroll ${headerCls ? headerCls : ""}`}> <header id="header" className={`tra-menu white-scroll ${headerCls ? headerCls2 : ""}`}>
<div className="header-wrapper"> <div className="merms-wrapper">
{/* MOBILE HEADER */} {/* MOBILE HEADER */}
<div className="wsmobileheader clearfix"> <div className="wsmobileheader clearfix">
<span className="smllogo"><img src="/images/logo-pink.png" alt="mobile-logo" /></span> <span className="smllogo"><img src="/images/logo-pink.png" alt="mobile-logo" /></span>
<a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a> <a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
</div> </div>
{/* NAVIGATION MENU */} {/* NAVIGATION MENU */}
<div className={`wsmainfull menu clearfix ${scroll ? "scroll fix-h" : ""}`}> <div className={`wsmainfull menu clearfix2 ${scroll ? "scroll fix-h" : ""}`}>
<div className="wsmainwp clearfix"> <div className="wsmainwp clearfix2">
{/* HEADER BLACK LOGO */} {/* HEADER BLACK LOGO */}
<div className="desktoplogo"> <div className="desktoplogo">
<Link href="/" className="logo-black"> <Link href="/" className="logo-black">
<img className="light-theme-img" src="/images/logo-pink.png" alt="logo" /> <img className="light-theme-img" src="/images/logo-pink.png" alt="logo" />
<img className="dark-theme-img" src="/images/logo-pink-white.png" alt="logo" /> {/*<img className="dark-theme-img" src="/images/logo-pink-white.png" alt="logo" />*/}
</Link> </Link>
</div> </div>
{/* HEADER WHITE LOGO */} {/* HEADER WHITE LOGO */}
<div className="desktoplogo"> {/*<div className="desktoplogo">*/}
<Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link> {/* <Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>*/}
</div> {/*</div>*/}
{/* MAIN MENU */} {/* MAIN MENU */}
<nav className="wsmenu clearfix" style={{height:"100vh"}}> <nav className="wsmenu clearfix" style={{height:"100vh"}}>
{isMobileMenu ? <MobileMenu /> : <Menu />} {isMobileMenu ? <MobileMenu /> : <Menu />}
public/css/merms.css
+20
View File
@@ -3712,12 +3712,32 @@ p.video-txt-sm {
padding-top: 0px; padding-top: 0px;
} }
.merms-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
/*z-index:100;*/
/*background-color: red;*/
height: 100px !important;
}
.merms-main {
z-index: 0;
position: relative;
/*background-color: #0b5ed7;*/
}
.header-wrapper { .header-wrapper {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
/*z-index: 1030;*/ /*z-index: 1030;*/
z-index: 5;
background-color: yellow;
height: 100px !important;
} }
.headerwp { .headerwp {