2015-01-26 62 views
0

我正在努力將網站轉換爲Wordpress中全新的主題。原來的網站是在這裏:在父項下的子菜單中移動文本

Original

新的開發站點是在這裏:

Dev site

我所要做的是使菜單比賽儘可能地到原始網站。我相當中間的CSS,所以我有以下問題:

  1. 如何使子菜單文本左對齊父菜單文本?
  2. 如何獲取指向父級菜單的指針?

請注意,我正在爲dev站點使用名爲Max Mega Menu的插件。

Max Mega菜單包括添加自定義樣式的位置。有一個在他們的網站爲例:

Max Mega Menu Styling Example

+0

在您的問題中包含相關代碼總是更好,因爲這些鏈接在不久的將來可能無效。 – 2015-01-26 20:50:35

回答

0

你需要兩樣東西,以實現像selier.com子菜單。

首先,您將創建一個空的div,它將顯示在父菜單懸停上,其寬度爲100%。這個div將是你的半透明背景。

然後,對於您創建的每個子菜單,將其背景設置爲無,將其寬度限制爲某個值,並將其position屬性設置爲absolute

此外,請確保子菜單顯示在背景div的頂部。

這應該做到這一點。

+0

問題是,這是一個WordPress網站,他們需要利用wordpress菜單工具來顯示這個菜單,以便將來他們可以靈活地改變菜單,而無需開發人員的干預。 – 2015-01-26 20:35:59

+0

Wordpress與否,您可以按照我描述的方式製作。 – 2015-01-26 21:42:18

+0

如果我不需要使用wordpress菜單創建工具,你所描述的將會起作用。沒有大量的定製到現有的主題,我不能告訴wordpress菜單工具在哪裏顯示菜單,我需要這樣做,讓您的想法工作。 – 2015-01-26 21:59:47

0

最好不要使用任何插件,並使用自定義html菜單來獲取演示中的確切菜單。

+0

正如在下面的評論中提到的那樣,這是一個WordPress的網站,客戶需要能夠使用wordpress菜單編輯器來創建菜單,以便將來的任何更改都不需要開發人員的干預。 – 2015-01-26 20:36:43

+1

偏離主題,但「下方」可能無法永遠工作。只要說「如其他地方提到」:) – 2015-01-26 20:49:27

相關問題