Menu Setup

Menu Setup

Menu Type

Porto provides powerful and most advanced menu. There are 6 areas of the theme where you can assign a menu.

Menu Location

Main Menu,Sidebar Menu,Top Navigation,Secondary Menu,View Switcher,Currency Switcher

Menu Type
external

Important

If you need to add Portfolio, Faq, Member archive pages in the menu, you should install and activate WordPress Post Type Archive Links.

Edit Menu & Menu Options

1. Please go Appearance > Menus on admin sidebar.

2. Click Create a new menu or select a menu.

3. Add new menu items.

4. When dropdown the added menu item of depth 1, you can see the menu options like Menu Type, Popup Position, etc. Select Menu Type to Narrow or Wide and Popup Columns (only wide).

external
external

5. Select Popup Position to Left or Right, Justify(only when menu type is wide), Center(only when menu type is wide).

external
external
external
external

You can upload popup background image and set background position, etc.

6. When dropdown the added menu item of depth 2, you can see the menu options like Columns, Background Image, etc. You should configure these options.
You can show a block in the menu item. You should create or edit a new block in Blocks > Add New on admin sidebar. You should add a block slug name in Block Name option.

Menu Depth2

7. When dropdown the added menu item, you can see the menu options like Don’t link, Don’t show a link, Don’t show a link on Mobile Panel, Tip Label, etc. You should configure these options.
After editing the menu items, please click Save Menu.

How to build megamenu

How to build sidebar menu

The Porto WordPress Theme offers three different types for displaying sidebar menus. Let’s explore each type:

1. Shop Demo1: In this demo, you can add a sidebar menu to the sidebar of the page. To do this, navigate to “Appearance/Sidebar” to add the desired menu.

Sidebar Widget

2. Shop Demo2: In this demo, you can utilize the “Sidebar Menu” widget to display the sidebar menu. Simply add the widget to your desired sidebar location.

3. Photography 3: This demo uses the “Side Header” type, which is an option available in the theme settings. Please note that this option is part of the legacy mode. To use this type, you will need to deactivate the “Full Site Editing” mode.

Sidebar Header Type

By porto_admin |