Fixing nav bar click

matthewwilson · Nov 3, 2024 · 0587127 · 0587127
1 parent 170b60a
commit 0587127
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/header/Header.js b/src/components/header/Header.js
@@ -22,6 +22,12 @@ class Header extends React.Component {
   }
 
   navLinkClick = (event) => {
+    this.setState({
+      collapsed:true
+    });
+  }
+
+  navLinkLogoClick = (event) => {
     const numberOfClicks = this.state.numberOfClicks + 1;
     this.setState({
       numberOfClicks,
@@ -52,7 +58,7 @@ class Header extends React.Component {
 
     return (
       <nav className="sbc-navbar navbar fixed-top navbar-expand-xl navbar-light">
-        <Link to="/" className="navbar-brand" onClick={this.navLinkClick}>
+        <Link to="/" className="navbar-brand" onClick={this.navLinkLogoClick}>
           <img className="sbc-navbar-logo" src="/img/logo_menu.png" srcSet="/img/[email protected] 2x" alt="Saintfield Baptist Church"/>
         </Link>
         <button className="navbar-toggler" type="button" onClick={this.navBarToggleClick}>