Setup Site Menu

The Carelyst Theme supports multiple navigation menu locations, including the Main Menu, Mobile Menu, and additional widget-based menus. You can easily create and manage these menus from the WordPress admin panel.

1. Accessing the Menu Settings

  1. Log in to your WordPress Admin Dashboard.
  2. Navigate to Appearance > Menus.
  3. If you already have a menu, select it from the dropdown. Otherwise, click Create a new menu.
Access Menu Settings

2. Creating a New Menu

  1. Enter a name for your menu in the Menu Name field (e.g., Main Menu).
  2. Click the Create Menu button.
  3. Once created, you can start adding menu items from the left-hand panel.
Create New Menu

3. Adding Menu Items

  1. Use the left sidebar to select items to add to your menu:
    • Pages – Add static pages like Home, About, Services, or Contact.
    • Posts – Link to specific blog posts.
    • Custom Links – Add external or custom URLs (e.g., https://example.com).
    • Categories – Display post categories for your blog or directory listings.
  2. Click Add to Menu after selecting your desired items.
  3. Drag and drop the menu items to reorder them or nest them under other items to create submenus.
Add Menu Items

Tip: Indented items under a main item will appear as dropdown (submenu) items on your site navigation.

4. Assigning the Menu Location

Once you’ve added your menu items, you’ll need to assign your menu to a display location.

  • Main Menu – Displays in the primary navigation area (top header navigation).
  • OnePage Menu – Displays one Page header menu.
  • Mobile Menu – Displays in the mobile-responsive header menu.
  • Footer Menu – Optional menu Wrok If Active Redux

To set the display location:

  1. Under Menu Settings at the bottom of the screen, check the box for your desired location (e.g., Main Menu).
  2. Click the Save Menu button.
Assign Menu Location

Example: In the screenshot above, the menu is assigned to the Main Menu location, and sub-items (e.g., Colonoscopy, Dentistry, Hepatology) appear under the parent item Our Services.

5. Managing Mobile Menu

The Mobile Menu is automatically displayed when viewing your site on mobile devices. To use a custom mobile menu, simply create a new menu and assign it to the Mobile Menu location in the same way as the main menu.

Mobile Menu Example

6. Edit or Delete Menu Items

  • To edit a menu item, click the down arrow beside it to expand its settings.
  • To remove a menu item, click Remove at the bottom of the item box.
  • Click Save Menu to confirm any changes.

7. Quick Tips

  • Use clear and short menu titles for better readability.
  • Keep your menu structure simple for easy navigation.
  • Use Custom Links for external pages or one-page anchors (like #contact).
  • Always click Save Menu after editing to apply your changes on the front end.