slt/template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Corrected top menu styling using sticky

Browse Source
This commit is contained in:
Christian Wolf 2022-04-09 11:22:07 +02:00
parent 1afec10f28
commit 0c24b915a6
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
slt/css/layout/_topmenu.scss
View File

@ -6,10 +6,8 @@
text-align: center; text-align: center;
@include abstract.for-desktop { @include abstract.for-desktop {
position: fixed;
display: flex; display: flex;
width: 100vw; width: 100vw;
z-index: 5000;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -31,6 +29,7 @@
.mod-menu__sub > li { .mod-menu__sub > li {
padding: 0; padding: 0;
border-style: none; border-style: none;
height: 100%;
} }
.nav { .nav {
@ -38,13 +37,11 @@
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-between; justify-content: space-between;
position: relative;
align-items: center; align-items: center;
@include abstract.for-desktop { @include abstract.for-desktop {
padding: 0 10px; padding: 0 10px;
margin: 0; margin: 0;
height: 40px;
width: 980px; width: 980px;
} }
@ -52,14 +49,11 @@
display: inline-block; display: inline-block;
text-align: left; text-align: left;
// height: 100%;
@include abstract.for-desktop { @include abstract.for-desktop {
text-align: left; text-align: left;
} }
> a { > a {
position: relative;
font-size: large; font-size: large;
display: block; display: block;
height: 100%; height: 100%;
@ -81,7 +75,6 @@
display: none; display: none;
@include abstract.for-desktop { @include abstract.for-desktop {
z-index: 3000;
margin: 0 20px 10px 0; margin: 0 20px 10px 0;
border: none; border: none;
padding: 0; padding: 0;
@ -98,9 +91,6 @@
@include abstract.for-desktop { @include abstract.for-desktop {
padding: 10px 5px 10px 4px; padding: 10px 5px 10px 4px;
// border-left-color: transparent;
// border-left-style: solid;
// border-left-width: 6px;
border-left: 6px solid transparent; border-left: 6px solid transparent;
} }
} }
@ -165,8 +155,11 @@
#topmenu-div { #topmenu-div {
@include abstract.for-desktop { @include abstract.for-desktop {
position: sticky;
top: 0px;
width: 100vw; width: 100vw;
height: 40px; height: 40px;
z-index: 1;
} }
} }
@ -174,6 +167,8 @@ a.facebook {
img { img {
display: none; display: none;
height: 25px;
@include abstract.for-desktop { @include abstract.for-desktop {
display: inline; display: inline;
} }