Fixed sizing issues

Fix social media links not being centered
Navbar now collapses when under a certain size
This commit is contained in:
Caleb Davenport 2018-03-23 19:53:34 -04:00
parent d88e0927e2
commit b0f0390a0a
2 changed files with 8 additions and 2 deletions

View File

@ -2,8 +2,13 @@
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="{{ .Site.BaseURL }}"><i class="fa fa-home"></i></a> <a class="navbar-brand" href="{{ .Site.BaseURL }}"><i class="fa fa-home"></i></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div> </div>
<div id="navbar"> <div class="navbar-collapse collapse" id="navbar">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
{{ if .Site.Menus.main }} {{ if .Site.Menus.main }}
{{ range sort .Site.Menus.main }} {{ range sort .Site.Menus.main }}

View File

@ -131,6 +131,7 @@ html, body {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
margin-top: 40px; margin-top: 40px;
padding: 0px;
width: 100%; width: 100%;
text-align: center; text-align: center;
animation: fade 1s ease 1s both; animation: fade 1s ease 1s both;