diff --git a/htdocs/public/webportal/css/global.css.php b/htdocs/public/webportal/css/global.css.php
index a9451168896..8f88a1e9f77 100644
--- a/htdocs/public/webportal/css/global.css.php
+++ b/htdocs/public/webportal/css/global.css.php
@@ -86,10 +86,47 @@ body > nav {
   box-shadow: 0px 1px 0 var(--nav-border-color);
 }
 
+nav.primary-top-nav ul:first-of-type {
+	clear: both;
+	min-width: 100px;
+}
+
 .primary-top-nav{
   --border-radius: 0;
 }
 
+ul.brand {
+	max-width:	80px;
+}
+nav.primary-top-nav ul:first-of-type {
+	margin-left: unset !important;
+}
+
+ul.menu-entries li {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+ul.menu-entries-alt {
+	display: none;
+}
+
+@media (max-width: 576px) {
+	ul.brand li.brand {
+		padding-left: 0px;
+	}
+	ul.menu-entries li {
+		display: none;
+	}
+	ul.menu-entries-alt {
+		display: block;
+	}
+}
+
+
+
+
 /**
   NAV BRAND LOGO
  */
diff --git a/htdocs/public/webportal/css/pico.css.php b/htdocs/public/webportal/css/pico.css.php
index 5e3af836731..30f3a5581e1 100644
--- a/htdocs/public/webportal/css/pico.css.php
+++ b/htdocs/public/webportal/css/pico.css.php
@@ -87,7 +87,7 @@ if (empty($dolibarr_nocache)) {
 	--form-element-spacing-vertical: 0.3em;
 	--form-element-spacing-horizontal: 0.5em;
 	--nav-element-spacing-vertical: 1rem;
-	--nav-element-spacing-horizontal: 0.5rem;
+	--nav-element-spacing-horizontal: 1rem;
 	--nav-link-spacing-vertical: 0.5rem;
 	--nav-link-spacing-horizontal: 0.5rem;
 	--form-label-font-weight: var(--font-weight);
@@ -120,7 +120,7 @@ if (empty($dolibarr_nocache)) {
 	body > main,
 	body > footer,
 	section {
-		--block-spacing-vertical: calc(var(--spacing) * 2.5);
+		--block-spacing-vertical: calc(var(--spacing) * 2);
 	}
 }
 @media (min-width: 768px) {
@@ -128,7 +128,7 @@ if (empty($dolibarr_nocache)) {
 	body > main,
 	body > footer,
 	section {
-		--block-spacing-vertical: calc(var(--spacing) * 2.8);
+		--block-spacing-vertical: calc(var(--spacing) * 2.2);
 	}
 }
 @media (min-width: 992px) {
@@ -136,7 +136,7 @@ if (empty($dolibarr_nocache)) {
 	body > main,
 	body > footer,
 	section {
-		--block-spacing-vertical: calc(var(--spacing) * 3.2);
+		--block-spacing-vertical: calc(var(--spacing) * 2.3);
 	}
 }
 @media (min-width: 1200px) {
@@ -144,7 +144,7 @@ if (empty($dolibarr_nocache)) {
 	body > main,
 	body > footer,
 	section {
-		--block-spacing-vertical: calc(var(--spacing) * 3.5);
+		--block-spacing-vertical: calc(var(--spacing) * 2.5);
 	}
 }
 
@@ -2250,6 +2250,7 @@ dialog:not([open]), dialog[open=false] {
 nav,
 nav > ul {
 	display: flex;
+	flex-wrap: wrap;
 }
 
 nav {
diff --git a/htdocs/public/webportal/tpl/menu.tpl.php b/htdocs/public/webportal/tpl/menu.tpl.php
index d07744f74c4..c081dd9f583 100644
--- a/htdocs/public/webportal/tpl/menu.tpl.php
+++ b/htdocs/public/webportal/tpl/menu.tpl.php
@@ -168,7 +168,7 @@ if (empty($reshook)) {
 }
 ?>
 <nav class="primary-top-nav container-fluid">
-	<ul>
+	<ul class="brand">
 		<li class="brand">
 		<?php
 		$brandTitle = getDolGlobalString('WEBPORTAL_TITLE') ? getDolGlobalString('WEBPORTAL_TITLE') : getDolGlobalString('MAIN_INFO_SOCIETE_NOM');
@@ -182,7 +182,7 @@ if (empty($reshook)) {
 		?>
 		</li>
 	</ul>
-	<ul>
+	<ul class="menu-entries">
 	<?php
 	if (empty($context->doNotDisplayMenu) && empty($reshook) && !empty($navMenu)) {
 		// show menu
@@ -190,7 +190,13 @@ if (empty($reshook)) {
 	}
 	?>
 	</ul>
-	<ul>
+	<ul class="menu-entries-alt">
+	<?php
+		// show menu
+	print '<li data-deep="0" class="--item-propal-list nav-item  "><a href="'.$context->getControllerUrl().'">'.$langs->trans("Menu").'...</a></li>';
+	?>
+	</ul>
+	<ul class="logout">
 	<?php
 	if (empty($context->doNotDisplayMenu) && empty($reshook) && !empty($navUserMenu)) {
 		// show menu