From bb5320e6caf7cd1e586c0924fd32b996db5a93f5 Mon Sep 17 00:00:00 2001
From: Alex <40072887+alexdcrane@users.noreply.github.com>
Date: Fri, 7 Mar 2025 16:27:21 -0700
Subject: [PATCH] Change menu multi column dropdown width based on text size
 (#7296)

---
 themes/default/css.php | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/themes/default/css.php b/themes/default/css.php
index dda19570e3..b6bcbc88f7 100644
--- a/themes/default/css.php
+++ b/themes/default/css.php
@@ -727,18 +727,28 @@ else { //default: white
 	/* sub menu container (multiple columns) */
 	@media(min-width: 576px) {
 		ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column {
-			width: 330px;
+			width: max-content;
 			}
+		ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column:hover {
+			display: flex;
+			}
+		}
+
+	ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item {
+		width: 100%;
+		margin-right: calc(<?=$menu_sub_text_size?> * 2);
 		}
 
 	/* sub menu item */
 	ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link,
 	ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link {
+		width: 100%;
 		font-family: <?=$menu_sub_text_font?>;
 		color: <?=$menu_sub_text_color?>;
 		font-size: <?=$menu_sub_text_size?>;
 		margin: 0;
 		padding: 3px 14px !important;
+		white-space: nowrap;
 		}
 
 	ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown {