aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFélix Sipma <felix.sipma@no-log.org>2018-02-07 18:33:39 +0100
committerFélix Sipma <felix.sipma@no-log.org>2018-02-07 18:33:39 +0100
commit7cbf3b7bf517cb18c41bf8b332ff341af6ebb2bd (patch)
tree950ee52866c1fa0ebfd390b5f4c0a552355cc312
parent2da23e076ad88e940475991d106c45f97125a292 (diff)
prevent overlapping of logos on xs screens
-rw-r--r--layouts/_default/baseof.html2
-rw-r--r--static/css/fournil.css9
2 files changed, 9 insertions, 2 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4e88be7..88fabf2 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,7 +12,7 @@
{{ block "header" . }}
{{ end }}
{{ block "menu" .}}
- <nav id="fournil-nav" class="navbar navbar-expand-lg navbar-light bg-light sticky-top{{ block "fournil-nav-classes" . }}{{ end }}">
+ <nav id="fournil-nav" class="navbar navbar-expand-sm navbar-light bg-light sticky-top{{ block "fournil-nav-classes" . }}{{ end }}">
<a class="navbar-brand" href={{ .Site.BaseURL }}>
<img src="{{ .Site.BaseURL }}/img/logo_pain_transparent.png">
</a>
diff --git a/static/css/fournil.css b/static/css/fournil.css
index 0ed2930..52be6cd 100644
--- a/static/css/fournil.css
+++ b/static/css/fournil.css
@@ -27,10 +27,17 @@ body {
width: 100%;
}
+@media (max-width:576px) {
+ .fournil-logo {
+ padding-top: 100px;
+ }
+}
+
.fournil-logo-img {
vertical-align: middle;
display: block;
- width: 400px;
+ width: 90%;
+ max-width: 400px;
overflow: hidden;
margin: 0 auto;
}