fix mobile footer

assets/css/src/header.css

@@ -89,6 +89,15 @@ button.toggle.right::before {
   margin-right: var(--unit--horizontal);
 }
 
+[data-template="author"] .page-cover,
+[data-template="category"] .page-cover,
+[data-template="year"] .page-cover,
+[data-template="email"] .page-cover,
+[data-template="error"] .page-cover,
+[data-template="info"] .page-cover {
+  height: initial !important;
+}
+
 @media screen and (min-width: 640px) {
   body:not([data-template="home"]) #main-header {
     width: var(--body-padding);
@@ -121,14 +130,6 @@ button.toggle.right::before {
     padding-top: calc(42.5vw) !important;
   }
 
-  [data-template="author"] .page-cover,
-  [data-template="category"] .page-cover,
-  [data-template="year"] .page-cover,
-  [data-template="email"] .page-cover,
-  [data-template="error"] .page-cover {
-    height: initial !important;
-  }
-
   .page-cover .links {
     display: none;
   }

assets/css/src/home.css

@@ -4,5 +4,6 @@
 }
 
 #main-edito {
+  margin-top: calc(var(--unit--vertical) * 4);
   scroll-margin-block-start: 25vw;
 }

site/snippets/footer.php

@@ -1,29 +1,31 @@
-    <footer id="main-footer">
+    <!-- <footer id="main-footer">
       <ul id="links">
-        <?php if (!$page->isHomePage() && $kirby->user()): ?>
+        <?php // if (!$page->isHomePage() && $kirby->user()):?>
     <li class="open-nav-wrapper">
       <button class="plus open-nav" title="chercher parmi les textes">textes</button>
     </li>
-        <?php endif ?>
-        <?php if ($page->is(page('lettre'))): ?>
+    <?php // endif?>
+    <?php // if ($page->is(page('lettre')) || $page->is(page('a-propos'))):?>
     <li>
       <a href="<?= $site->url() ?>">
         accueil
       </a>
     </li>
-        <?php else: ?>
+    <?php // else:?>
     <li>
       <a href="/lettre" id="subscribe-btn" class="plus">
         s'inscrire
       </a>
     </li>
-        <?php endif ?>
+    <?php // endif?>
     <li>
-          <a href="<?= $site->find('a-propos')->url() ?>">
+      <a
+        href="<?= $site->find('a-propos')->url() ?>">
         à propos
       </a>
     </li>
     </ul>
-    </footer>
+    </footer> -->
     </body>
+
     </html>

site/templates/info.php

@@ -1,15 +1,17 @@
 <?php snippet('header') ?>
 <main id="<?= $page->template() ?>">
   <article>
-    <?php snippet('cover', array('isOpen' => true), slots: true) ?>
+    <?php snippet('cover', ['isOpen' => true], slots: true) ?>
     <?php slot('title') ?>
-      <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
-      <?php endslot() ?>
-    <?php endsnippet() ?>
-
+    <h2
+      class="main-title <?= setTitleFontSizeClass($page->title()) ?>">
+      <?= $page->title() ?></h2>
       <div id="main-content">
         <?= $page->body() ?>
       </div>
+    <?php endslot() ?>
+    <?php endsnippet() ?>
+
   </article>
 </main>