diff --git a/src/components/header/Header.css b/src/components/header/Header.css index 9652b4c..d227081 100644 --- a/src/components/header/Header.css +++ b/src/components/header/Header.css @@ -18,6 +18,11 @@ cursor: pointer; } + .MechHub_Logo_Mobile { + height: 32px; + cursor: pointer; + } + .hamburger { display: none; font-size: 30px; @@ -111,6 +116,12 @@ display: block; } + .banner { + h1 { + font-size: 20px; + } + } + ul { display: none; flex-direction: column; @@ -132,7 +143,6 @@ flex-direction: row; flex-wrap: wrap; justify-content: center; - margin: 8px; cursor: pointer; } diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx index ec5748d..e9c56f6 100644 --- a/src/components/header/Header.jsx +++ b/src/components/header/Header.jsx @@ -8,6 +8,7 @@ import { db } from '../../lib/firebaseConfig'; import SearchBar from '../searchbar/Searchbar'; import MechHub_Logo from "../../assets/Logo/MechHub_logo.png"; +import Mechhub_Logo_Mobile from "../../assets/Logo/MH_logo.png"; import "./Header.css"; function Header() { @@ -71,11 +72,20 @@ function Header() { return (