Add mobile menu to component and stylistic fix

This commit is contained in:
Moris Zen
2018-06-30 13:59:46 +02:00
parent 9eaa57b2b3
commit fe306ab517
2 changed files with 9 additions and 2 deletions

View File

@@ -2,6 +2,8 @@ import React from 'react'
import Link from 'gatsby-link'
import SaburlyLogo from "../images/Saburly-Logo.svg"
import "./Header.css"
const Header = () => (
<header>
<nav className="flex items-center justify-between flex-wrap lg:p-6">
@@ -11,6 +13,12 @@ const Header = () => (
</Link>
</div>
<button className="menu_icon block">
<span className="menu_bar-top" />
<span className="menu_bar-mid" />
<span className="menu_bar-bot" />
</button>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-center lg:w-auto">
<ul className="flex text-sm justify-center lg:flex-grow">
<Link to="/services">