ChicagoJS / chicagojs.org

Home page of ChicagoJS.org. Pull Requests welcome!
https://chicagojs.org
MIT License
9 stars 13 forks source link

Create Mobile Nav Slide-In Menu #31

Closed Alek-S closed 5 years ago

Alek-S commented 5 years ago

Create a slide-in menu when hamburger icon is clicked in mobile view, likely from the right as same side as icon.

Site currently has breakpoint to convert nav menu to hamburger, but hamburger does not action when clicked currently.

screen shot 2018-12-13 at 3 06 17 pm

@peterpme this would be a good first issue as well.

peterpme commented 5 years ago

awesome! I think we can do this just by including the bootstrap js:

From the bootstrap docs:

CSS only

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

JS, Popper.js, and jQuery

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>