Skip to content

ThemeGoods Documentations

  • Purchase More Themes
  • Manage License
  • Theme Support

Tag: logo

Setting up header & navigation menu using Elementor

Setting up header & navigation menu using “Header Content” which build using Elementor page builder. It provides more flexibilities to fully customize main header content & layout.

First please install and activate Elementor and Grand Tour Theme Elements for Elementor plugins before you proceed.

Once you get required plugins installed. Please follow below steps.

First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “Header Content”. Then look at “Default Header Content Settings” section.

Select each header contents for your preferred. If they are all empty. It means that you haven’t created any header posts to use from WordPress Dashboard > Headers.

Here are details about each header content options.

  • Default Header Content – Select default header content for general pages & posts
  • Default Sticky Header Content – Select default sticky header content for general pages & posts
  • Default Transparent Header Content – Select default transparent header content for general pages & posts

You can select each header content options from your current header posts. However if you don’t create anything yet. Please follow below instructions.

Create header content posts

We are using Elementor Page Builder plugin so you can use its drag&drop user interface to create your header contents.

Please navigate to WordPress Dashboard > Headers > Add New Header. Then enter its title and click “Edit with Elementor” option.

Now you will open Elementor page builder editor. You can customise header columns, image, navigation menu using Elementor widgets.

Import Demo Header

When you edit the header post using Elementor. You can import demo header by clicking on template button.

It will open a popup box. Click on “Blocks” tab and filter only “Theme Navigation” option. Then select header you want to import by clicking “Insert” button.

Elementor will ask to connect Elementor to your website. You have to create Elementor account and connect it to your website within this process (If you have already connected to Elementor. You can skip this step).

Once it’s imported successfully. You can customize menu columns, contents including social icons, buttons, logo image etc.

Adding Navigation Menu Widget

If you want to display your custom menu which you have already created it in Appearance > Menus. Simply select “elements” tab and search for “navigation”.

You will find “Theme Navigation Menu” widget there , drag it to where you want to display on the right side.

Then you can customize its options including typography, margin etc.

Adding Side/Mobile Menu Link

You can use widget such as button or icon to add link to mobile menu.

For example, I used icon widget then you have to add # to its link option so it’s clickable.

Then you need to link it to theme’s mobile menu. By open widget options. Click on “Advanced” tab and open “Link Options” then check “Link to side menu” option.

Setting up Header content to pages

Once you save all changes for header content. There are 2 options to set it up to pages.

First you can select it as default header content for all pages via Appearance > Customize > Navigation > General > Default Header Content.

Second you can overwrite default header content on selected page using Page option > Page Header when you edit a page individually.

What’s the different on each header state (sticky, transparent headers)

Our theme offers 3 header & navigation states. You can setup 3 different header posts for each states using above method. Please see details below about explanation of each states.

  1. Page Header – Select this page header content for default page header state
  2. Page Sticky Header –Select this page header content for sticky page header state which displays when users scroll down through page contents.
  3. Page Transparent Header –Select this page header content for transparent menu page header state when you check “Make Menu Transparent” option.

Setting up header & navigation menu using “General Menu Layout”

This is the easiest way to to customise and displays logo, navigation menu. However it’s limited in terms of customisation and layout availabilities because it’s using theme’s predesigned header layouts

You can customise all header options from Appearance > Customize.

Upload Logo

By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Site Logo  Click “Select Image” button and select logo image from your computer or media library.

Transparent Logo

Some pages use transparent logo instead of general logo for page with menu transparent option enabled. It’s easier for you to upload transparent logo just for these background image focused pages.

IMPORTANT: recommended transparent logo image in white color.

Top Bar

Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Navigation > Top Bar

Creating New Menu

Theme support default WordPress custom menu option which you can organise each menu items using drag&drop in Appearance > Menus.

To use theme predefined menu layouts. First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary menu – This is the 2nd main menu that shows in header area for header layouts which displays 2 menus.
  • Top Bar Menu – This is the menu that will be used in top bar area.
  • Side (Mobile) Menu – This is the menu that will be used for mobile devices.
  • Footer Menu – This is the menu that shows in footer copyright area.

Menu Layouts Option

Theme Support various menu layouts and you can change it via Appearance > Customize > Navigation > General > Menu Layout.

Setup Primary Menu

  1. Go to Appearance > Menus. Click “Create Menu” button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click “Add To Menu”.
  3. If you want to add custom link menu item (for example home link). Select “Links” and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to “Primary Menu” in the Theme Locations box.

Sticky Menu (Optional)

If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Customize > Navigation > General > Enable Sticky Menu

Main Menu Typography & Colors

Manage your main menu typography and colors with ease. You can customise font family, font size, colors etc. through theme customizer via Appearance > Customize > Menu

Main Menu Typography (Appearance > Customize > Navigation > Typography)

Main Menu Colors (Appearance > Customize > Navigation > Colors)

Main Sub Menu Colors (Appearance > Customize > Navigation > Sub Menu)

 

Setting up header & navigation menu using Elementor

First please install and activate Elementor and Photography Theme Elements for Elementor plugins before you proceed.

Once you get required plugins installed. Please follow below steps.

Setting up header & navigation menu using “Header Content” which build using Elementor page builder. It provides more flexibilities to fully customize main header content & layout.

First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “Header Content”

Then look at “Default Header Content Settings” section.

  • Default Header Content – Select default header content for general pages & posts
  • Default Sticky Header Content – Select default sticky header content for general pages & posts
  • Default Transparent Header Content – Select default transparent header content for general pages & posts

You can select each header content options from your current header posts. However if you don’t create anything yet. Please follow below instructions.

Create header content posts

We are using Elementor Page Builder plugin so you can use its drag&drop user interface to create your header contents.

Please navigate to WordPress Dashboard > Headers > Add New Header. Then enter its title and click “Edit with Elementor” option.

Now you will open Elementor page builder editor. You can import demo header by clicking on template button.

It will open a popup box. Click on “Blocks” tab and filter only “Theme Navigation” option. Then select header you want to import by clicking “Insert” button.

Elementor will ask to connect Elementor to your website. You have to create Elementor account and connect it to your website within this process (If you have already connected to Elementor. You can skip this step).

Once it’s imported successfully. You can customize menu columns, contents including social icons, buttons, logo image etc.

Adding Navigation Menu Widget

If you want to display your custom menu which you have already created it in Appearance > Menus. Simply select “elements” tab and search for “navigation”.

You will find “Theme Navigation Menu” widget there , drag it to where you want to display on the right side.

Then you can customize its options including typography, margin etc.

Adding Side/Mobile Menu Link

You can use widget such as button to add link to mobile menu. By open widget options. Click on “Advanced” tab and open “Link Options” then check “Link to side menu” option.

Setting up Header content to pages

Once you save all changes for header content. There are 2 options to set it up to pages.

First you can select it as default header content for all pages via Appearance > Customize > Navigation > General > Default Header Content.

Second you can overwrite default footer content on selected page using Page option > Page Header.

What’s the different on each header state (sticky, transparent headers)

Our theme offers 3 header & navigation states. You can setup 3 different header posts for each states using above method. Please see details below about explanation of each states.

  1. Page Header – Select this page header content for default page header state
  2. Page Sticky Header –Select this page header content for sticky page header state which displays when users scroll down through page contents.
  3. Page Transparent Header –Select this page header content for transparent menu page header state when you check “Make Menu Transparent” option.

Setting up header & navigation menu using “General Menu Layout”

You can customise all header options from Appearance > Customize.

Favicon (Optional)

Favicon option is also onAppearance > Customize > Site Identity. Favicon is an icon for your site display in various places including browser address bar, or next to website name in bookmark list. You simply click select image button and select favicon file to upload (recommend .png file)

Upload Logo

By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Site Logo  Click “Select Image” button and select logo image from your computer or media library.

Transparent Logo

Some pages use transparent logo instead of general logo for page with menu transparent option enabled. It’s easier for you to upload transparent logo just for these background image focused pages.

IMPORTANT: recommended transparent logo image in white color.

Top Bar

Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Navigation > Top Bar

Creating New Menu

Theme support default WordPress custom menu option which you can organise each menu items using drag&drop in Appearance > Menus.

To use theme predefined menu layouts. First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary menu – This is the secondary main menu that shows in header area.
  • Top Bar Menu – This is the menu that will be used in top bar area.
  • Side (Mobile) Menu – This is the menu that will be used for mobile devices.
  • Footer Menu – This is the menu that shows in footer copyright area.

Menu Layouts Option

Theme Support various menu layouts and you can change it via Appearance > Customize > Navigation > General > Menu Layout.

Setting up Menu using WordPress Custom Menu

Theme Support custom WordPress menu, you can organise them into dropdown menu too.

Setup Primary Menu

  1. Go to Appearance > Menus. Click “Create Menu” button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click “Add To Menu”.
  3. If you want to add custom link menu item (for example home link). Select “Links” and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to “Primary Menu” in the Theme Locations box.

Sticky Menu (Optional)

If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Customize > Navigation > General > Enable Sticky Menu

Main Menu Typography & Colors

Manage your main menu typography and colors with ease. You can customise font family, font size, colors etc. through theme customizer via Appearance > Customize > Navigation

Main Menu Typography (Appearance > Customize > Navigation > Typography)

Main Menu Colors (Appearance > Customize > Navigation > Colors)

Main Sub Menu Colors (Appearance > Customize > Navigation > Sub Menu)

 

Setting up header & navigation menu using Elementor

First please install and activate Elementor and Grand Conference Theme Elements for Elementor plugins before you proceed.

Once you get required plugins installed. Please follow below steps.

Setting up header & navigation menu using “Header Content” which build using Elementor page builder. It provides more flexibilities to fully customize main header content & layout.

First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “Header Content”

Then look at “Default Header Content Settings” section.

  • Default Header Content – Select default header content for general pages & posts
  • Default Sticky Header Content – Select default sticky header content for general pages & posts
  • Default Transparent Header Content – Select default transparent header content for general pages & posts

You can select each header content options from your current header posts. However if you don’t create anything yet. Please follow below instructions.

Create header content posts

We are using Elementor Page Builder plugin so you can use its drag&drop user interface to create your header contents.

Please navigate to WordPress Dashboard > Headers > Add New Header. Then enter its title and click “Edit with Elementor” option.

Now you will open Elementor page builder editor. You can import demo header by clicking on template button.

It will open a popup box. Click on “Blocks” tab and filter only “Theme Navigation” option. Then select header you want to import by clicking “Insert” button.

Elementor will ask to connect Elementor to your website. You have to create Elementor account and connect it to your website within this process (If you have already connected to Elementor. You can skip this step).

Once it’s imported successfully. You can customize menu columns, contents including social icons, buttons, logo image etc.

Adding Navigation Menu Widget

If you want to display your custom menu which you have already created it in Appearance > Menus. Simply select “elements” tab and search for “navigation”.

You will find “Theme Navigation Menu” widget there , drag it to where you want to display on the right side.

Then you can customize its options including typography, margin etc.

Adding Side/Mobile Menu Link

You can use widget such as button to add link to mobile menu. By open widget options. Click on “Advanced” tab and open “Link Options” then check “Link to side menu” option.

Setting up Header content to pages

Once you save all changes for header content. There are 2 options to set it up to pages.

First you can select it as default header content for all pages via Appearance > Customize > Navigation > General > Default Header Content.

Second you can overwrite default footer content on selected page using Page option > Page Header.

What’s the different on each header state (sticky, transparent headers)

Our theme offers 3 header & navigation states. You can setup 3 different header posts for each states using above method. Please see details below about explanation of each states.

  1. Page Header – Select this page header content for default page header state
  2. Page Sticky Header –Select this page header content for sticky page header state which displays when users scroll down through page contents.
  3. Page Transparent Header –Select this page header content for transparent menu page header state when you check “Make Menu Transparent” option.

Setting up header & navigation menu using “General Menu Layout”

You can customise all header options from Appearance > Customize.

Favicon (Optional)

Favicon option is also onAppearance > Customize > Site Identity. Favicon is an icon for your site display in various places including browser address bar, or next to website name in bookmark list. You simply click select image button and select favicon file to upload (recommend .png file)

Upload Logo

By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Site Logo  Click “Select Image” button and select logo image from your computer or media library.

Transparent Logo

Some pages use transparent logo instead of general logo for page with menu transparent option enabled. It’s easier for you to upload transparent logo just for these background image focused pages.

IMPORTANT: recommended transparent logo image in white color.

Top Bar

Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Navigation > Top Bar

Creating New Menu

Theme support default WordPress custom menu option which you can organise each menu items using drag&drop in Appearance > Menus.

To use theme predefined menu layouts. First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary menu – This is the secondary main menu that shows in header area.
  • Top Bar Menu – This is the menu that will be used in top bar area.
  • Side (Mobile) Menu – This is the menu that will be used for mobile devices.
  • Footer Menu – This is the menu that shows in footer copyright area.

Menu Layouts Option

Theme Support various menu layouts and you can change it via Appearance > Customize > Navigation > General > Menu Layout.

Setting up Menu using WordPress Custom Menu

Theme Support custom WordPress menu, you can organise them into dropdown menu too.

Setup Primary Menu

  1. Go to Appearance > Menus. Click “Create Menu” button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click “Add To Menu”.
  3. If you want to add custom link menu item (for example home link). Select “Links” and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to “Primary Menu” in the Theme Locations box.

Sticky Menu (Optional)

If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Customize > Navigation > General > Enable Sticky Menu

Main Menu Typography & Colors

Manage your main menu typography and colors with ease. You can customise font family, font size, colors etc. through theme customizer via Appearance > Customize > Navigation

Main Menu Typography (Appearance > Customize > Navigation > Typography)

Main Menu Colors (Appearance > Customize > Navigation > Colors)

Main Sub Menu Colors (Appearance > Customize > Navigation > Sub Menu)

 

Setting up header & navigation menu using Elementor

First please install and activate Elementor and Vive Theme Elements for Elementor plugins before you proceed.

Once you get required plugins installed. Please follow below steps.

Setting up header & navigation menu using “Header Content” which build using Elementor page builder. It provides more flexibilities to fully customize main header content & layout.

First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “Header Content”

Then look at “Default Header Content Settings” section.

  • Default Header Content – Select default header content for general pages & posts
  • Default Sticky Header Content – Select default sticky header content for general pages & posts
  • Default Transparent Header Content – Select default transparent header content for general pages & posts

You can select each header content options from your current header posts. However if you don’t create anything yet. Please follow below instructions.

Create header content posts

We are using Elementor Page Builder plugin so you can use its drag&drop user interface to create your header contents.

Please navigate to WordPress Dashboard > Headers > Add New Header. Then enter its title and click “Edit with Elementor” option.

Now you will open Elementor page builder editor. You can import demo header by clicking on template button.

It will open a popup box. Click on “Blocks” tab and filter only “Theme Navigation” option. Then select header you want to import by clicking “Insert” button.

Elementor will ask to connect Elementor to your website. You have to create Elementor account and connect it to your website within this process (If you have already connected to Elementor. You can skip this step).

Once it’s imported successfully. You can customize menu columns, contents including social icons, buttons, logo image etc.

Adding Navigation Menu Widget

If you want to display your custom menu which you have already created it in Appearance > Menus. Simply select “elements” tab and search for “navigation”.

You will find “Theme Navigation Menu” widget there , drag it to where you want to display on the right side.

Then you can customize its options including typography, margin etc.

Adding Side/Mobile Menu Link

You can use widget such as button to add link to mobile menu. By open widget options. Click on “Advanced” tab and open “Link Options” then check “Link to side menu” option.

Setting up Header content to pages

Once you save all changes for header content. There are 2 options to set it up to pages.

First you can select it as default header content for all pages via Appearance > Customize > Navigation > General > Default Header Content.

Second you can overwrite default footer content on selected page using Page option > Page Header.

What’s the different on each header state (sticky, transparent headers)

Our theme offers 3 header & navigation states. You can setup 3 different header posts for each states using above method. Please see details below about explanation of each states.

  1. Page Header – Select this page header content for default page header state
  2. Page Sticky Header –Select this page header content for sticky page header state which displays when users scroll down through page contents.
  3. Page Transparent Header –Select this page header content for transparent menu page header state when you check “Make Menu Transparent” option.

Setting up header & navigation menu using “General Menu Layout”

You can customise all header options from Appearance > Customize.

Favicon (Optional)

Favicon option is also onAppearance > Customize > Site Identity. Favicon is an icon for your site display in various places including browser address bar, or next to website name in bookmark list. You simply click select image button and select favicon file to upload (recommend .png file)

Upload Logo

By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Site Logo  Click “Select Image” button and select logo image from your computer or media library.

Transparent Logo

Some pages use transparent logo instead of general logo for page with menu transparent option enabled. It’s easier for you to upload transparent logo just for these background image focused pages.

IMPORTANT: recommended transparent logo image in white color.

Top Bar

Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Navigation > Top Bar

Creating New Menu

Theme support default WordPress custom menu option which you can organise each menu items using drag&drop in Appearance > Menus.

To use theme predefined menu layouts. First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary menu – This is the secondary main menu that shows in header area.
  • Top Bar Menu – This is the menu that will be used in top bar area.
  • Side (Mobile) Menu – This is the menu that will be used for mobile devices.
  • Footer Menu – This is the menu that shows in footer copyright area.

Menu Layouts Option

Theme Support various menu layouts and you can change it via Appearance > Customize > Navigation > General > Menu Layout.

Setting up Menu using WordPress Custom Menu

Theme Support custom WordPress menu, you can organise them into dropdown menu too.

Setup Primary Menu

  1. Go to Appearance > Menus. Click “Create Menu” button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click “Add To Menu”.
  3. If you want to add custom link menu item (for example home link). Select “Links” and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to “Primary Menu” in the Theme Locations box.

Sticky Menu (Optional)

If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Customize > Navigation > General > Enable Sticky Menu

Main Menu Typography & Colors

Manage your main menu typography and colors with ease. You can customise font family, font size, colors etc. through theme customizer via Appearance > Customize > Navigation

Main Menu Typography (Appearance > Customize > Navigation > Typography)

Main Menu Colors (Appearance > Customize > Navigation > Colors)

Main Sub Menu Colors (Appearance > Customize > Navigation > Sub Menu)

 

Setting up header & navigation menu using Elementor

First please install and activate Elementor and Ashton Theme Elements for Elementor plugins before you proceed.

Once you get required plugins installed. Please follow below steps.

Setting up header & navigation menu using “Header Content” which build using Elementor page builder. It provides more flexibilities to fully customize main header content & layout.

First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “Header Content”

Then look at “Default Header Content Settings” section.

  • Default Header Content – Select default header content for general pages & posts
  • Default Sticky Header Content – Select default sticky header content for general pages & posts
  • Default Transparent Header Content – Select default transparent header content for general pages & posts

You can select each header content options from your current header posts. However if you don’t create anything yet. Please follow below instructions.

Create header content posts

We are using Elementor Page Builder plugin so you can use its drag&drop user interface to create your header contents.

Please navigate to WordPress Dashboard > Headers > Add New Header. Then enter its title and click “Edit with Elementor” option.

Now you will open Elementor page builder editor. You can import demo header by clicking on template button.

It will open a popup box. Click on “Blocks” tab and filter only “Theme Navigation” option. Then select header you want to import by clicking “Insert” button.

Elementor will ask to connect Elementor to your website. You have to create Elementor account and connect it to your website within this process (If you have already connected to Elementor. You can skip this step).

Once it’s imported successfully. You can customize menu columns, contents including social icons, buttons, logo image etc.

Adding Navigation Menu Widget

If you want to display your custom menu which you have already created it in Appearance > Menus. Simply select “elements” tab and search for “navigation”.

You will find “Theme Navigation Menu” widget there , drag it to where you want to display on the right side.

Then you can customize its options including typography, margin etc.

Adding Side/Mobile Menu Link

You can use widget such as button to add link to mobile menu. By open widget options. Click on “Advanced” tab and open “Link Options” then check “Link to side menu” option.

Setting up Header content to pages

Once you save all changes for header content. There are 2 options to set it up to pages.

First you can select it as default header content for all pages via Appearance > Customize > Navigation > General > Default Header Content.

Second you can overwrite default footer content on selected page using Page option > Page Header.

What’s the different on each header state (sticky, transparent headers)

Our theme offers 3 header & navigation states. You can setup 3 different header posts for each states using above method. Please see details below about explanation of each states.

  1. Page Header – Select this page header content for default page header state
  2. Page Sticky Header –Select this page header content for sticky page header state which displays when users scroll down through page contents.
  3. Page Transparent Header –Select this page header content for transparent menu page header state when you check “Make Menu Transparent” option.

Setting up header & navigation menu using “General Menu Layout”

You can customise all header options from Appearance > Customize.

Favicon (Optional)

Favicon option is also onAppearance > Customize > Site Identity. Favicon is an icon for your site display in various places including browser address bar, or next to website name in bookmark list. You simply click select image button and select favicon file to upload (recommend .png file)

Upload Logo

By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Site Logo  Click “Select Image” button and select logo image from your computer or media library.

Transparent Logo

Some pages use transparent logo instead of general logo for page with menu transparent option enabled. It’s easier for you to upload transparent logo just for these background image focused pages.

IMPORTANT: recommended transparent logo image in white color.

Top Bar

Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Navigation > Top Bar

Creating New Menu

Theme support default WordPress custom menu option which you can organise each menu items using drag&drop in Appearance > Menus.

To use theme predefined menu layouts. First please navigate to Appearance > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary menu – This is the secondary main menu that shows in header area.
  • Top Bar Menu – This is the menu that will be used in top bar area.
  • Side (Mobile) Menu – This is the menu that will be used for mobile devices.
  • Footer Menu – This is the menu that shows in footer copyright area.

Menu Layouts Option

Theme Support various menu layouts and you can change it via Appearance > Customize > Navigation > General > Menu Layout.

Setting up Menu using WordPress Custom Menu

Theme Support custom WordPress menu, you can organise them into dropdown menu too.

Setup Primary Menu

  1. Go to Appearance > Menus. Click “Create Menu” button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click “Add To Menu”.
  3. If you want to add custom link menu item (for example home link). Select “Links” and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to “Primary Menu” in the Theme Locations box.

Sticky Menu (Optional)

If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Customize > Navigation > General > Enable Sticky Menu

Main Menu Typography & Colors

Manage your main menu typography and colors with ease. You can customise font family, font size, colors etc. through theme customizer via Appearance > Customize > Navigation

Main Menu Typography (Appearance > Customize > Navigation > Typography)

Main Menu Colors (Appearance > Customize > Navigation > Colors)

Main Sub Menu Colors (Appearance > Customize > Navigation > Sub Menu)

 

Posts pagination

Page 1 Page 2 … Page 4 Next page

Search

Search for:
  • Purchase More Themes
  • Manage License
  • Theme Support
ThemeGoods Documentations Proudly powered by WordPress