No menu default on mobile
This commit is contained in:
@@ -2,16 +2,16 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
const btn = document.querySelector('#menu-toggle');
|
const btn = document.querySelector('#menu-toggle');
|
||||||
const menu = document.querySelector('.layout-menus');
|
const menu = document.querySelector('.layout-menus');
|
||||||
|
const menuState = localStorage.getItem('menuHidden');
|
||||||
|
const isMobile = window.innerWidth < 768;
|
||||||
|
|
||||||
const menuState = localStorage.getItem('menuHidden');
|
if (menuState === 'true' || (menuState === null && isMobile)) {
|
||||||
if (menuState === 'true') {
|
|
||||||
menu.classList.add('u-hidden');
|
menu.classList.add('u-hidden');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (btn && menu) {
|
if (btn && menu) {
|
||||||
btn.addEventListener('click', function() {
|
btn.addEventListener('click', function() {
|
||||||
menu.classList.toggle('u-hidden');
|
menu.classList.toggle('u-hidden');
|
||||||
|
|
||||||
const isHidden = menu.classList.contains('u-hidden');
|
const isHidden = menu.classList.contains('u-hidden');
|
||||||
localStorage.setItem('menuHidden', isHidden);
|
localStorage.setItem('menuHidden', isHidden);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user