WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

sticky nav changed to enable hidden logo to appear

Browse Source
This commit was merged in pull request #23.
This commit is contained in:
victorAnumudu
2023-08-15 20:42:02 +01:00
parent c865c04ce1
commit 75e1b789fa
11 changed files with 90 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StickyHeader/StickyHeaderNav.js
+51
View File
@@ -0,0 +1,51 @@
import React, { useEffect } from 'react';
import logo from '../../assets/images/wrenchboard-logo-text.png';
import StickyMenu from '../../lib/StickyMenu';
import Navigation from '../Navigation';
function StickyHeaderNav({action}) {
useEffect(() => {
StickyMenu();
}, []);
return (
<header className="appie-header-area appie-sticky">
<div className="container">
<div className="header-nav-box">
<div className="row align-items-center">
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
<div className="appie-logo-box">
<a href="/">
<img src={logo} alt="WrenchBoard" />
</a>
</div>
</div>
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
<div className="appie-header-main-menu">
<Navigation />
</div>
</div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div className="appie-btn-box text-right">
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
<i className="fal fa-user" /> Login
</a>
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
Get Started
</a>
<div
onClick={(e) => action(e)}
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
>
<i className="fa fa-bars" />
</div>
</div>
</div>
</div>
</div>
</div>
</header>
);
}
export default StickyHeaderNav