From 50af842b29003af40ad0d15b699a7369d3940430 Mon Sep 17 00:00:00 2001 From: vjekoart Date: Thu, 30 Jul 2015 23:40:52 +0200 Subject: [PATCH] Bigger navigation on small devices. --- Resources/public/css/header.css | 31 +++++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) diff --git a/Resources/public/css/header.css b/Resources/public/css/header.css index 383f1f3..3ab2a7f 100755 --- a/Resources/public/css/header.css +++ b/Resources/public/css/header.css @@ -68,9 +68,9 @@ nav.navbar img.navbar-logo { border: none; border-radius: 0; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26); - font-size: 1em; + font-size: 1.5em; line-height: 1.5em; - text-align: right; + text-align: center; width: 12em; text-transform: uppercase; } @@ -100,5 +100,32 @@ nav.navbar img.navbar-logo { @media (min-width: 768px) and (max-width: 991px) { .navbar-header .dropdown-menu { width: 50vw; + top: initial; + right: initial; + } +} + +@media (max-width: 767px) { + div#global-container { + padding-top: 6em; + } + + nav.navbar.navbar-fixed-top { + height: 6em; + min-height: 6em; + margin: 0; + padding: 0; + background-color: #ffffff; + border-bottom: 1px solid #dddddd; + } + + nav.navbar img.navbar-logo { + height: 4em; + margin: 1em 0; + } + + .navbar-header .dropdown-toggle { + margin: 0.25em 0; + font-size: 4em; } } \ No newline at end of file