1
0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-21 12:21:46 +02:00

tip: how to make an unique, global header/footer

This commit is contained in:
José Luis Antúnez
2017-03-14 11:10:31 +01:00
committed by GitHub
parent b904c4da0f
commit 1cb0f7a15b

View File

@@ -1223,6 +1223,9 @@ p.text-subtitle svg {vertical-align: text-top;}
3. Header & Footer 3. Header & Footer
=========================================== */ =========================================== */
/* -- If you want an unique, global header/footer,read this:
https://github.com/jlantunez/webslides/issues/57 -- */
header, header,
footer, footer,
#navigation { #navigation {
@@ -1242,7 +1245,7 @@ footer img {
vertical-align: middle; vertical-align: middle;
} }
header, footer { header,footer {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -1257,7 +1260,7 @@ footer {
/*=== Hide header[role=banner] === */ /*=== 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] { header[role=banner] {
opacity: 0; opacity: 0;
} }
@@ -1273,7 +1276,6 @@ header[role=banner]:hover {
} }
} }
/*=== 3.1. Logo === */ /*=== 3.1. Logo === */
.logo { .logo {