From 1cb0f7a15bfa6a8a736c0c2bc3e246f02c9b6747 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Ant=C3=BAnez?= Date: Tue, 14 Mar 2017 11:10:31 +0100 Subject: [PATCH] tip: how to make an unique, global header/footer --- static/css/base.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/static/css/base.css b/static/css/base.css index b303618..950445e 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -1223,6 +1223,9 @@ p.text-subtitle svg {vertical-align: text-top;} 3. Header & Footer =========================================== */ +/* -- If you want an unique, global header/footer,read this: +https://github.com/jlantunez/webslides/issues/57 -- */ + header, footer, #navigation { @@ -1242,7 +1245,7 @@ footer img { vertical-align: middle; } -header, footer { +header,footer { position: absolute; top: 0; left: 0; @@ -1257,7 +1260,7 @@ footer { /*=== Hide header[role=banner] === */ -/*desktop only? Add @media (min-width: 1025px)*/ +/*Remove "opacity=0" if you want an unique, visible header on each slide*/ header[role=banner] { opacity: 0; } @@ -1273,7 +1276,6 @@ header[role=banner]:hover { } } - /*=== 3.1. Logo === */ .logo {