From 0b85dd65450955b9d958ff8d4b4b33c8b0ed6692 Mon Sep 17 00:00:00 2001 From: kjodle Date: Sat, 13 Feb 2016 20:21:11 -0500 Subject: [PATCH] Mobile changes to header and footer --- style.css | 7 ++++++- styles/mobile.css | 33 ++++++++++++++++++++++++++++++++- 2 files changed, 38 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 258cd15..6a5fe23 100644 --- a/style.css +++ b/style.css @@ -521,11 +521,16 @@ footer a:hover { width: 30%; } +nav#footer-menu { + padding: 1em; +} + ul#footermenu-ul { list-style-type: none; padding: 0; } +/* ul#footermenu-ul li { display: block; float: left; @@ -555,7 +560,7 @@ ul#footermenu-ul a:hover { background: #444; color: #fff; } - +*/ /**********************************/ /* 10. Special Sections */ diff --git a/styles/mobile.css b/styles/mobile.css index e653518..88babe2 100644 --- a/styles/mobile.css +++ b/styles/mobile.css @@ -9,6 +9,11 @@ body { color: blue; } +body > header { + background: #333; + color: #fff; +} + #container { width: 100%; max-width: auto; @@ -29,10 +34,36 @@ body { } #site-title, -#site-desc { +#site-desc, +#social-media-menu { float: none; width: 100%; padding: 0.5em; + text-align: center; +} + +#site-title h1, +#site-title a, +#site-desc, +#site-desc a { + color: #fff; +} + +body > footer{ + background: #333; + color: #fff; +} + +#footer-menu { + padding: 1em; +} + +#copyright, +#credits { + float: none; + padding: 0.5em; + width: auto; + text-align: center; }