Added section dividers on small screens

This commit is contained in:
Ethan N. Paul 2017-08-30 00:02:15 -04:00
parent ded32ad78e
commit 7937aa9675
2 changed files with 15 additions and 0 deletions

View File

@ -347,10 +347,17 @@ ul.banner-social-buttons {
margin-top: 0; margin-top: 0;
} }
.section-divider {
display: none;
}
@media screen and (max-width:767px) { @media screen and (max-width:767px) {
#logo_about { #logo_about {
display: none; display: none;
} }
.section-divider {
display: block;
}
.heading_large { .heading_large {
display: none; display: none;
} }

View File

@ -91,6 +91,8 @@
</div> </div>
</header> </header>
<hr class="section-divider">
<section id="network" class="container content-section text-center"> <section id="network" class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">
@ -111,6 +113,8 @@
</div> </div>
</section> </section>
<hr class="section-divider">
<section id="services" class="container content-section text-center"> <section id="services" class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">
@ -142,6 +146,8 @@
</div> </div>
</section> </section>
<hr class="section-divider">
<section id="projects" class="container content-section text-center"> <section id="projects" class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">
@ -163,6 +169,8 @@
</div> </div>
</section> </section>
<hr class="section-divider">
<section id="about" class="container content-section text-center"> <section id="about" class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">