Meilleur logo pour les écrans inférieurs à 390px

diff --git a/assets/logo-nos-oignons-blanc-small.png b/assets/logo-nos-oignons-blanc-small.png
new file mode 100644 (file)
index 0000000..cb39549
Binary files /dev/null and b/assets/logo-nos-oignons-blanc-small.png differ

diff --git a/local.css b/local.css
index c5d76358d6151819abe89eca5102d390da2b77c1..efe24e751f4734c9fbaa047cc6f37076237f367d 100644 (file)
--- a/local.css
+++ b/local.css
@@ -115,6 +115,13 @@ thead td {
        background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left;
   background-size: 100%;
 }
+@media screen and (max-width: 390px) {
+  #logo {
+    background-image: url(assets/logo-nos-oignons-blanc-small.png);
+    background-position: left center;
+    height: 100px;
+  }
+}
 
 #logo span {
        display: none;