Visual guard for left menu to improve readability against dark section background
This commit is contained in:
parent
4bbbd9b81d
commit
20549022f5
2 changed files with 5 additions and 2 deletions
|
|
@ -4,6 +4,7 @@
|
|||
========================================================================== */
|
||||
|
||||
@media only screen and (max-width: 1130px) {
|
||||
/* makes it a top sticky menu */
|
||||
.fixed-nav {
|
||||
opacity: 1;
|
||||
position: fixed;
|
||||
|
|
|
|||
|
|
@ -96,12 +96,14 @@ body {
|
|||
}
|
||||
|
||||
// ========== Sticky menus ===========
|
||||
/* Left sticky menu */
|
||||
.fixed-nav {
|
||||
background-color: var(--section-light-bg-color);
|
||||
border-radius: 0 25px 20px 0;
|
||||
padding: 1em 1.5em;
|
||||
display: none;
|
||||
opacity: 1;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
left: 2%;
|
||||
z-index: 99999;
|
||||
font-family: "Open Sans Condensed", sans-serif;
|
||||
text-transform: uppercase;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue