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