From 009cc20555e99c3e960b6f6c5560e7afcbbc3d9f Mon Sep 17 00:00:00 2001 From: "Bradley M. Kuhn" Date: Tue, 2 Dec 2014 17:51:32 -0500 Subject: [PATCH] Avoid donate-sidebar on small screens. The donate-sidebar overlaps with text on small screens. This problem is corrected herein by using @media for 500px screens to remove display of the sidebar. --- www/conservancy/static/conservancy.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/www/conservancy/static/conservancy.css b/www/conservancy/static/conservancy.css index 21b50fdc..59f680c8 100644 --- a/www/conservancy/static/conservancy.css +++ b/www/conservancy/static/conservancy.css @@ -33,6 +33,9 @@ text-decoration: none; color: #557733; right: 2%; width: 18%; } +@media all and (max-width: 500px) { + .donate-sidebar { display: none; } +} h1 { margin-top: .75em; margin-bottom: .5em; } h2 { margin-top: .75em; margin-bottom: .5em; }