[FIX] some bugs

This commit is contained in:
Christian Seyfferth 2020-05-08 23:45:08 +02:00
parent d17135be58
commit e60acaf273
3 changed files with 24 additions and 15 deletions

View File

@ -38,20 +38,19 @@
<a href="#" data-target="sidenav" class="sidenav-trigger hide-on-large-and-up"><i
class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#willkommen" class="sidenav-close"
title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" class="sidenav-close"
title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
und Anreise</a></li>
</ul>
</div>
</nav>
</div>
<ul id="sidenav" class="sidenav" style="width:200px;">
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und Anreise</a></li>
<li><a href="#willkommen" class="sidenav-close" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" class="sidenav-close" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und
Anreise</a></li>
</ul>
<div id="willkommen-banner" class="parallax-container valign-wrapper">
<div class="parallax">

View File

@ -65,6 +65,11 @@ a:not([href^='#']) {
border-radius: 0;
}
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995;
}
@media only screen and (max-width:600px) {
#willkommen-banner {

View File

@ -43,6 +43,11 @@ a:not([href^='#']) {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0; }
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995; }
@media only screen and (max-width: 600px) {
#willkommen-banner {
height: calc(100vh - 56px);