Mega Menu

SHome WP supports mega-menu to make your menu more attractive.

Setup

To setup Mega Menu:

  • Navigate to the item menu to add mega menu.

  • Click on "Mega menu" button to open the mega menu setup page.

  • Details how to set up mega menu:

(1) Frame contains elements.

(2) The content contains elements to display on the website including rows and columns.

(3) Save Menu button.

(4) Close button of mega menu setting screen.

You can drag and drop elements in the left column into the right red columns to create mega menu content. The following image shown the elements after being dragged and dropped:

1) Text element

Text element allows you to setup a text display in the mega menu

  • (A) Enter the text to display

  • (B) Enter the font-size of the text

  • (C) Save this setting

  • (D) Close this element setting screen

2) Image element

Image element displays the image in Mega menu

  • (A) To add image

  • (B) To delete the newly added image

  • (C) To save this setting

  • (D) Close that image setting this element

3) Menu Element

Menu Element display Sub-menus in Mega menu.

  • (A) Select the menu to display in the mega menu

  • (B) To save this setting

  • (C) Close that setting element screen

4. Empty Space element

Empty Space element to Setup the distance between elements in the mega menu.

  • (A) Enter the distance you want (Unit: px)

  • (B) To save this setting

  • (C) Close this element setting screen