Cela semble le meilleur compromis

La dimension est donnée à 'nav li' en taille relative, 'nav li ul' en héritant de façon logique, et son contenu ne peut pas déborder de la taille donnée à son parent

core/layout/common.css

@@ -566,16 +566,22 @@ nav ul {
 nav li {
 	display: inline-block;
 	position: relative;
+	max-width: 25vmin;
 }
 
+@media screen and (max-width: 768px) {
+	nav li {
+	max-width: 50vmin;
+	} }
+
 nav li ul {
 	display: block;
 	position: absolute;
-	/*width: 200px;*/
+	width: inherit;
 	z-index: -1;
 	opacity: 0;
 	transition: .3s ease-out;
-	/*padding-left: 10px;*/
+	overflow: hidden;
 }
 
 nav li ul li {
@@ -583,11 +589,6 @@ nav li ul li {
 	text-align: left;
 }
 
-/*
-nav .navSub a{
-	background-color:red !important;
-}*/
-
 nav li:hover ul {
 	z-index: 8;
 	opacity: 1;