Hmenu update + iPad horizontal

src/components/Menu.js

@@ -37,7 +37,7 @@ const Menu = ({items}) => {
 		</li>
 	))
 	return (
-		<menu className="main-menu HMenu" data-toggle-width="900">
+		<menu className="main-menu HMenu" data-toggle-width="1024">
 			<MenuToggle/>
 
 			{content}

src/public/app.js

@@ -1,5 +1,12 @@
 const body = document.querySelector('body')
 
+function isFoldedState(element) {
+	const w = body.clientWidth
+	const toggleWidth = getToggleWidth(element)
+
+	return w <= toggleWidth
+}
+
 function isFolded(element) {
 	return element.classList.contains('HMenu--folded')
 }
@@ -73,8 +80,6 @@ function runHmenu() {
 	const menus = [...document.querySelectorAll('.HMenu')]
 
 	function initMenus() {
-		const w = body.clientWidth
-
 		return menus
 			.map(menu => {
 				const toggle = menu.querySelector('.HMenu__toggle')
@@ -83,10 +88,7 @@ function runHmenu() {
 					toggleMenu(menu)
 				})
 
-				const toggleWidth = getToggleWidth(menu)
-				const foldedState = w < toggleWidth
-
-				if (foldedState) {
+				if (isFoldedState(menu)) {
 					return foldMenu(menu)
 				} else {
 					return unfoldMenu(menu)
@@ -96,11 +98,8 @@ function runHmenu() {
 	}
 
 	function handleMenus() {
-		const w = body.clientWidth
-
 		return menus.map(menu => {
-			const toggleWidth = getToggleWidth(menu)
-			const foldedState = w < toggleWidth
+			const foldedState = isFoldedState(menu)
 
 			if (foldedState && !isFolded(menu)) {
 				return foldMenu(menu)

src/style/hmenu.scss

@@ -118,7 +118,7 @@ $hmenu-icon-height: 32px;
 
 .HMenu--folded.HMenu--open {
   z-index: 100;
-  
+
   display: flex;
   align-items: center;
 
@@ -143,11 +143,6 @@ $hmenu-icon-height: 32px;
   /*-webkit-transition: opacity 0.5s ease-in-out;*/
 }
 
-.HMenu--folded .HMenu__item {
-  max-width: 10em;
-}
-
-
 
 
 ._HMenu--folded li:last-child {
@@ -155,6 +150,10 @@ $hmenu-icon-height: 32px;
 }
 
 @media (max-width: $mobile-width) {
+  .HMenu--folded .HMenu__item {
+    max-width: 10em;
+  }
+
   .HMenu--folded.HMenu--closed {
     .HMenu__toggle {
       a {