Repository: bahir-website Updated Branches: refs/heads/master 3c13a7736 -> 77cebda5b
[BAHIR-41] Adjusted some media queries to show the logo more properly The log was always displayed full width (800px) even on smaller resolutions. With these simple adjustments the logo is properly displayed on a variety of devices. Closes #3 Project: http://git-wip-us.apache.org/repos/asf/bahir-website/repo Commit: http://git-wip-us.apache.org/repos/asf/bahir-website/commit/77cebda5 Tree: http://git-wip-us.apache.org/repos/asf/bahir-website/tree/77cebda5 Diff: http://git-wip-us.apache.org/repos/asf/bahir-website/diff/77cebda5 Branch: refs/heads/master Commit: 77cebda5be049ae5941ae0c20005fae6cf24d486 Parents: 3c13a77 Author: Jeroen Reijn <j.re...@gmail.com> Authored: Fri Jul 15 14:32:37 2016 +0200 Committer: Luciano Resende <lrese...@apache.org> Committed: Mon Aug 1 20:18:34 2016 +0300 ---------------------------------------------------------------------- site/assets/themes/apache-clean/css/style.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/bahir-website/blob/77cebda5/site/assets/themes/apache-clean/css/style.css ---------------------------------------------------------------------- diff --git a/site/assets/themes/apache-clean/css/style.css b/site/assets/themes/apache-clean/css/style.css index f44fadd..ad80a4a 100644 --- a/site/assets/themes/apache-clean/css/style.css +++ b/site/assets/themes/apache-clean/css/style.css @@ -332,7 +332,7 @@ body { background-color: #D5D5D5 /* #3D758F #265380 */; } -/* Custom, iPhone Retina */ +/* Custom, iPhone Retina */ @media only screen and (max-width : 480px) { .jumbotron h1 { display: none; @@ -341,6 +341,15 @@ body { display: none; color: #FFF; } + .logo-img { + width: 320px; + } +} + +@media only screen and (min-width : 480px) and (max-width: 768px) { + .logo-img { + width: 400px; + } } @media only screen and (max-width : 768px) { @@ -358,4 +367,8 @@ and (max-width : 1024px) { .navbar-collapse.collapse { padding-right: 0; } + .logo-img { + width: 700px; + } + }