diff --git a/templates/web/popravitodev/header.html b/templates/web/popravitodev/header.html
index 9eaa95c0b3f..12689c83120 100644
--- a/templates/web/popravitodev/header.html
+++ b/templates/web/popravitodev/header.html
@@ -39,6 +39,7 @@
+
diff --git a/web/cobrands/popravitodev/base.scss b/web/cobrands/popravitodev/base.scss
index ec2d43acf25..aaf1fc2d925 100644
--- a/web/cobrands/popravitodev/base.scss
+++ b/web/cobrands/popravitodev/base.scss
@@ -171,6 +171,27 @@ img {
padding-left: 2rem;
}
+.close-mobile-menu {
+ border: none;
+ width: 24px;
+ height: 24px;
+ position: fixed;
+ right: 1.8rem;
+ color: #1D1C1C;
+ top: 27px;
+ background: url("/cobrands/popravito/images/ic-close.svg") no-repeat center;
+
+}
+
+@media only screen and (max-width: 360px) {
+ .mobile-menu-button {
+ right: 30px;
+ }
+ .menu {
+ right: -15px;
+ }
+}
+
.report-issue-button {
background-color: $grayscale;
color: white;
@@ -433,7 +454,7 @@ img {
@media only screen and (min-width:150px) and (max-width: 1050px) {
display:flex;
justify-content: left;
- width: 150%;
+ width: 100%;
}
}
diff --git a/web/cobrands/popravitodev/close_menu_mobile.js b/web/cobrands/popravitodev/close_menu_mobile.js
new file mode 100644
index 00000000000..b689a4254b2
--- /dev/null
+++ b/web/cobrands/popravitodev/close_menu_mobile.js
@@ -0,0 +1,9 @@
+window.addEventListener("DOMContentLoaded", (event) => {
+ const menuButton = document.getElementById('mobile-menu');
+
+ const closeMobileMenu = () => {
+ menuButton.classList.toggle('close-mobile-menu');
+ }
+
+ menuButton.addEventListener('click', closeMobileMenu)
+})
\ No newline at end of file