菜單是一個易于使用的菜單工具，為您的網站創建美麗，定制的菜單，也與模塊內。這也促進了SEO和用戶的參與。在模板設置中，您可以訪問4個選項，更高級的設置是“隱藏”在菜單管理器內的每個菜單項-所以請檢查也有。

選擇菜單

它允許您選擇從您的系統可用的菜單。如果你打算在Joomla 3.4建立多語種的網站你必須為每一個人創造addcional語言當前模板拷貝選擇這里為他們中的每一個主菜單。

菜單式

默認情況下，有兩個單獨的菜單：超級菜單和關閉畫布菜單有時稱為漢堡菜單，因為使用的形狀。你可以使用它們中的兩個或者僅僅是你想要的或需要的。

關閉畫布確實是一個外部菜單模塊-所以如果你想使用這個區域，你必須創建一個菜單模塊，正確設置。記得給他們選擇“offcanvas”模塊的位置。

更重要的是在這個側邊欄，你也可以發布不僅菜單模塊還比如搜索模塊，它還必須有一個“offcanvas”模塊選擇位置。

如何禁用

offcanvas桌面菜單

它相當容易關閉畫布菜單從桌面視圖（！），選擇“超級菜單”在這里：

菜下拉列表的寬度

下拉菜單的寬度值將被設置為你的菜單內容區域的寬度尺寸。默認情況下240px。

菜單下拉動畫

megamenu為您提供下拉菜單選項四過渡：

沒有動畫

淺色

深色

褪色

彈出

滑動

這是過渡時發生的子菜單打開。

有子菜單出現沒有華麗的效果，設置為無（無動畫）。

菜單項的字體大小

在模板的當前版本你可以使用自定義的CSS代碼做這個：

.sp-megamenu-parent > li > a {font-size:14px;}

默認情況下，我們使用的字體大?。?2px，所以12px更意味著更大的信件等。

關閉畫布菜單定制

改變顏色的帆布（移動）菜單圖標[]（這可能是默認的白色或黑色）你必須使用自定義的CSS代碼如下：

#offcanvas-toggler > i { color: red !important; font-size: 32px; }

在這個例子中，我們選擇了紅色，但當然嘗試與其他名稱或十六進制顏色。

改變了畫布菜單項的顏色，請自定義的CSS代碼：

.offcanvas-inner .sp-module ul > li > a { color: red;  }
.offcanvas-inner .sp-module ul > li > a:hover { color: blue; }

在這個例子中，我們選擇了紅色的鏈接和藍色的鏈接：懸停選擇器-當你鼠標在他們，嘗試與其他名稱或十六進制顏色。

如何添加背景顏色或圖像下拉菜單區

首先你要知道，它要求一個自定義的CSS代碼。但除了它很容易。

請使用下面的CSS代碼：

 .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #22b8f0;
    padding: 15px;
}

若要添加背景圖像，還必須向背景屬性添加更多參數。CSS背景和背景圖像屬性適用于圖形（PNG，JPG，GIF，SVG和數據URI）或梯度的背景元素。url()值允許你提供任何圖像文件的路徑，它將顯示為子區域的背景。

圖像背景示例代碼：

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #22b8f0 url(http://domain.com/images/menu_bg.png) no-repeat scroll 0 0 / cover;
}

你可以聲明一個元素的背景是在CSS或圖片，但你也可以聲明的背景是一個梯度。使用CSS3漸變中聲明，而用一個實際的圖像文件，是對網站性能更好。

梯度子菜單背景示例代碼：

 .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #a048b9 linear-gradient(140deg, #a048b9 0%, #a048b9 10%, #9845b0 10%, #9845b0 20%, #8c40a3 19%, #9041a6 21%, #9041a6 20%, #9041a6 30%, #853c99 29%, #883e9d 31%, #883e9d 30%, #883e9d 40%, #7d3990 39%, #803a94 41%, #803a94 40%, #803a94 50%, #753587 49%, #78368b 51%, #78368b 50%, #78368b 60%, #6d317e 59%, #703381 61%, #703381 60%, #703381 70%, #652e74 69%, #682f78 71%, #682f78 70%, #682f78 80%, #5d2a6b 79%, #602b6f 81%, #602b6f 80%, #602b6f 90%, #552662 89%, #582866 91%, #582866 90%, #582866 100%) repeat scroll 0 0;
    padding: 15px;
}

在關閉畫布菜單中搜索

也許你想知道如何添加搜索模塊內的畫布菜單。這很容易。你所要做的就是：

1.創建新的或編輯當前搜索模塊（模塊管理器）

2.禁用模塊標題（可能你不需要它）

3.變化/選擇位置”offcanvas”

4.分配給所有或選定的子頁面（菜單項）

5.發布模塊

使用同樣的步驟，您也可以發布任何其他模塊。但請記住，菜單應該是最重要的部分，所以把它作為第一個或第二個位置的模塊順序