KOSMOPOLIT
diff --git a/styles/media.css b/styles/media.css
index c1ca61b..2b3188a 100644
--- a/styles/media.css
+++ b/styles/media.css
@@ -19,29 +19,35 @@
flex-direction: column;
height: auto;
}
- .navbar .nav_left a {
- display: none;
- margin-left: 0px;
+ .navbar .nav_left {
+ flex-direction: column;
+ height: auto;
width: 100%;
}
- .navbar .nav_left a p {
- margin-left: 20px;
- }
- .navbar .nav_right {
- display: none;
- }
.navbar .nav_left a#nav_logo {
display: flex;
margin-bottom: 0px;
+ margin-left: 0px;
width: auto;
}
- .navbar .nav_left {
- flex-direction: column;
- height: auto;
+ .navbar .nav_left > a:not(#nav_logo) {
+ display: none;
+ margin-left: 0px;
+ width: 100%;
+ height: 50px;
+ }
+ .navbar .nav_left > a p {
+ margin-left: 20px;
}
.navbar .nav_right {
- margin: 20px 0px 20px 27px;
- width: 150px;
+ height: auto;
+ width: 100%;
+ display: none;
+ margin-left: 28px;
+ }
+ .navbar .nav_right > a {
+ height: 50px;
+ margin: 0px;
}
/*burger menu*/
nav.navbar input#burger {
@@ -51,7 +57,7 @@
position: absolute;
right: 0px;
top: 0px;
- height: 100%;
+ height: var(--nav-height);
width: 50%;
cursor: pointer;
}
@@ -84,7 +90,6 @@
display: flex;
}
nav.navbar #burger:checked ~ .nav_left a:not(#nav_logo) {
- height: 50px;
}
nav.navbar #burger:checked ~ .nav_left a#nav_logo {
display: flex;
diff --git a/styles/nav.css b/styles/nav.css
index 4838677..4caed9b 100644
--- a/styles/nav.css
+++ b/styles/nav.css
@@ -91,3 +91,7 @@ body#body_navbar {
}
+/*menu burger responsive*/
+nav.navbar input#burger {
+ display: none;
+}