Mega nabídky umožňují uživatelům zobrazit více odkazů najednou, aniž by museli posouvat, umísťovat a pamatovat si je obsah z vašeho menu. Nejlepší způsob, jak přemýšlet o mega nabídkách, je, že se jedná o rozbalovací nabídky v rozbalovacích nabídkách.

Takže místo své běžné rozevírací nabídky, která zobrazuje podnabídku, když umístíte ukazatel myši na hlavní nadřazené odkazy v navigační liště, vám mega nabídka umožňuje mít v rozevírací nabídce další nadřazené odkazy a podnabídky.

Jak přidat mega menu na navigační lištu

Přihlaste se ke svému panelu WordPress a přejděte na Vystoupení> Nabídky .

wordpress menu divi.png

Vytvořte nabídku se čtyřmi nadřazenými odkazy, přičemž každý z nadřazených odkazů má vlastní odkazy podřízené nabídky. V níže uvedeném příkladu přidám tři položky podnabídky pod každý ze čtyř nadřazených odkazů nabídky.

menu divi.png

Vytvořte další odkaz, který bude sloužit jako odkaz mega-nabídky. V níže uvedeném příkladu nazývám tento odkaz „Hlavní“. Poté přetáhněte dva odkazy nadřazené nabídky (každý s odkazy na podnabídku) pod hlavním odkazem.

Nyní, abyste si vytvořili Megamenu, musíte přidat hlavní třídu CSS do hlavního odkazu nejvyšší úrovně s názvem „Hlavní“. Můžete to udělat kliknutím na odkaz Možnosti obrazovky v horní části stránky a ujistěte se, že je zaškrtnuta možnost Třída CSS.

css třídy divi.png

Nakonec musíte přidat třídu CSS do odkazu „Hlavní“, který jste právě vytvořili. Kliknutím na šipku napravo od položky nabídky „Hlavní“ přepnete další možnosti konfigurace. Najděte textové pole s názvem Třídy CSS a zadejte třídu „mega-menu“.

mega menu divi.png

Nyní, když znovu načtete svou stránku, můžete vidět, že všechny předchozí nabídky byly umístěny do obří nabídky pod tímto odkazem, Mega Menu.

mega menu divi example.png

To je pro tento tutoriál vše, doufám, že vám umožní vytvořit mega menu divi s lehkostí.