Skip to content

ThemeGoods Documentations

  • Purchase More Themes
  • Manage License
  • Theme Support

Tag: customize

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 “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 “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 “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 “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 “General Menu Layout”

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 with white color.

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)

Display Retina Logo in Theme Setting

We built white label theme admin panel so you can display your logo on theme admin panel. Check if this option if you want that.

Top Bar 

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

If you enable “Top Bar” you can setup social media profiles you want to display via Theme Setting > Social Profiles.

There are options to change the top bar background color, font color and border color too. Simply click on the colorbox to open color picker panel. Select color you want and once finish customising, save changes.

Top & Menu Bar Contact Informations

In some menu layout. It support displaying contact information such as address, phone number etc. For example our city hotel demo.

You can change these informations via Appearance > Customize >Navigation > Contact Info.

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 > Menu > 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 main menu that shows in header area when select “Center Logo + 2 Menus” layout.
  • 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.

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 > Customize > Navigation > General > Display Header Content From and select “General Menu Layout”

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.

Setup Secondary Menu

If you select “Center Logo + 2 Menus” layout, you can also setup “Secondary Menu” so it displays as right logo menu. See above screenshot.

  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 “Secondary 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

Icon Settings (Optional)

You can display icons link to cart or login popup next to main menu items. You can enable this option via Appearance > Customize > Navigation > General > Icon Settings.

  • Show Cart Icon (Required Woocommerce plugin) – Enable this option to show cart icon which link to Woocommerce cart page along with main menu.
  • Show Client Icon (Required ZM Ajax Login & Register plugin) – Enable this option to show client icon which link to client login page along with main menu.
  • My Booking Page – Select my booking page so when user is logged in. It will displays my book link next to username.

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.

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 “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 “General Menu Layout”

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.

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)

Top Bar 

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

If you enable “Top Bar” you can setup social media profiles you want to display via Theme Setting > Social Profiles.

There are options to change the top bar background color, font color and border color too. Simply click on the colorbox to open color picker panel. Select color you want and once finish customising, save changes.

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 main menu that shows in header area when select “Center Logo + 2 Menus” layout.
  • 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 “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.
  • 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)

 

Leave a comment on Setting up header & navigation menu using “General Menu Layout”

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

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.

Favicon (Optional)

Favicon option is also on Appearance > 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)

Display Retina Logo in Theme Setting

We built white label theme admin panel so you can display your logo on theme admin panel. Check if this option if you want that.

Menu Locations

  • Primary menu – This is the main menu that shows in header area.
  • Secondary Menu – This is the main menu that shows in header area when select “Center Logo + 2 Menus” layout.
  • 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.

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 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.

Setup Secondary Menu

If you select “Center Logo + 2 Menus” layout, you can also setup “Secondary Menu” so it displays as right logo menu. See above screenshot.

  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 “Secondary 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

Icon Settings (Optional)

You can display icons link to cart or login popup next to main menu items. You can enable this option via Appearance > Customize > Navigation > General > Icon Settings.

  • Show Cart Icon (Required Woocommerce plugin) – Enable this option to show cart icon which link to Woocommerce cart page along with main menu.
  • Show Client Icon (Required ZM Ajax Login & Register plugin) – Enable this option to show client icon which link to client login page along with main 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.

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 Next page

Search

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