diff --git a/css/sideMenu.css b/css/sideMenu.css
index 7c53109..4cac9e6 100644
--- a/css/sideMenu.css
+++ b/css/sideMenu.css
@@ -45,6 +45,11 @@
border: 0;
}
+.side-menu-closer {
+ background: url('../img/side-menu-opener-closer.svg');
+ display: none;
+}
+
#side-menu.hide-opener .side-menu-opener, .side-menu-opener.hide {
display: none;
}
@@ -193,3 +198,15 @@
height: 100vh;
}
}
+
+@media screen and (min-width: 1024px) {
+ .side-menu-closer {
+ display: block;
+ float: right;
+ margin-right: 9px;
+ }
+
+ .side-menu-big .side-menu-header {
+ max-width: 100%;
+ }
+}
diff --git a/img/side-menu-opener-closer.svg b/img/side-menu-opener-closer.svg
new file mode 100644
index 0000000..3774c6d
--- /dev/null
+++ b/img/side-menu-opener-closer.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/SideMenuBig.vue b/src/SideMenuBig.vue
index aac5d91..89be0b8 100644
--- a/src/SideMenuBig.vue
+++ b/src/SideMenuBig.vue
@@ -17,7 +17,8 @@ along with this program. If not, see .