[外掛] Max Mega Menu

FSE 沒有選單工具,可搭配使用 Max Mega Menu

其中 mega menu 的使用方式 , 關於選單寬度的調整

參照官網說明

1. 百分比寬度

例如:100%(預設)

百分比寬度選單將始終與功能表列的左邊緣對齊。在大多數情況下,您應該使用的唯一百分比寬度是 100%

2. 固定寬度

若要將子選單固定為特定寬度,無論螢幕尺寸為何,請輸入基於像素的值。

例如:500像素

固定寬度的子選單將始終與父選單項目的左邊緣對齊。您可以使用父選單項目選項中的「子選單對齊」選項來調整對齊方式。

如何變更大型子選單的寬度

若要調整超級選單的寬度,請前往超級選單 > 選單主題

超級選單的寬度由“面板寬度”設定定義。

您可以為此設定使用 3 種類型的值:

選項 1. 百分比寬度

輸入百分比寬度將使子選單以相對於選單本身的寬度顯示。

例如:100%(預設)

百分比寬度選單將始終與功能表列的左邊緣對齊。在大多數情況下,您應該使用的唯一百分比寬度是 100%

選項 2. 固定寬度

若要將子選單固定為特定寬度,無論螢幕尺寸為何,請輸入基於像素的值。

例如:500像素

固定寬度的子選單將始終與父選單項目的左邊緣對齊。您可以使用父選單項目選項中的「子選單對齊」選項來調整對齊方式。

選項 3.動態寬度(jQuery/CSS 選擇器)

動態寬度可用於自動對齊子選單並調整其大小,以符合頁面上的現有元素。

要使用此功能,您需要找到包裝頁面內容的 HTML 元素,並使用該元素的 ID 或類別(以 jQuery 選擇器的形式)作為面板寬度設定。

例如:#container、正文、#page、.content。

在上面的範例中,我們將面板寬度(外部)設為“#content”。該值會因主題而異,因此您需要右鍵單擊頁面並轉到“檢查”以找到用作面板寬度的正確類別或 ID。

拉伸選單以填充瀏覽器寬度

在下面的範例中,我們將外部寬度設定為「body」(以填滿頁面​​的寬度),將內部寬度設為「#content」(以與現有頁面內容對齊)。

«
»