Author: Neftaly Malatjie

We cannot give examples of Sub-Pages here. Since each website is different however, you can Use ChatGPT to get suggestion of the Sub-Pages until third level menu

Copy and Paste the following prompt into your ChatGPT

Suggest Website Sub-Pages for SayPro Services until third level menu and ensure that it is reach. Start each line with the Company Name SayPro

Copy only for Services

Contact SayPro XX

• SayPro XX Contact Information
  • SayPro XX Office Locations
  • SayPro XX Support Contacts
• Request a SayPro XX Consultation
• Partner With SayPro XX
  • SayPro XX Partnership Programs
  • SayPro XX Reseller Opportunities

Copy and Paste from SayPro Charity Kraal

Great — you’re using the Twenty Twenty-Five theme, which is a Full Site Editing (FSE) theme. Unlike older themes, menus in FSE are created and managed via the Site Editor, not the traditional Appearance > Menus screen.

Here’s how you can add a second-level (dropdown) navigation menu using the Twenty Twenty-Five theme:

---

✅ Steps to Add a Second-Level Navigation Menu in Twenty Twenty-Five

1. Go to the Site Editor

• From your WordPress dashboard, navigate to: Appearance > Editor

2. Open the Header or Navigation Area

• Once the Editor opens, you’ll see the visual layout of your homepage.
• Click on the header area or locate the Navigation block.
• If you don’t see one, click the + icon and search for Navigation, then add it where needed.

3. Edit the Menu Items

• In the Navigation block, click “+” to add a menu item.
• Add a top-level link (e.g. “Services”).
• Then, to create a second-level item:
  • Click on the menu item (e.g., “Services”).
  • Click the three-dot menu (⋮) > “Add Submenu Link”.
  • Or click the right arrow to indent and make it a submenu item.

🔁 You can repeat this to build additional submenu levels.

4. Reorder or Nest Items

• Drag items around visually.
• Indent a menu item under another to make it a second-level link.

Example Layout:

• Home
• About
• Services
  • Web Design
  • SEO
• Contact

5. Save Your Changes

• Click the “Save” button in the top right to apply your changes.

---

📌 Notes

• Dropdown menus are supported natively in the Navigation block with Twenty Twenty-Five.
• The submenu will display on hover (desktop) or toggle (mobile).
• You can style the navigation block using block settings (colors, spacing, etc.).

---

🧩 Optional Enhancements

• Add icons or custom styles using custom CSS or a plugin like Editor Plus or Block Visibility.
• Create a navigation template part that can be reused across pages if needed.

---

Activate Plugin Licenses

Yes/No

If No

Remove them

Follow these steps

To delete and remove unwanted plugins from your WordPress site, follow these steps:

---

✅ Step-by-Step: Delete and Remove Unwanted Plugins

1. Log in to WordPress Admin
   • Visit: yourwebsite.com/wp-admin
   • Enter your admin username and password
2. Go to Plugins > Installed Plugins
   • In the left sidebar, navigate to: Plugins > Installed Plugins
3. Deactivate the Plugin
   • Find the plugin you want to remove.
   • Click Deactivate below the plugin name. This step is necessary before deleting it.
4. Delete the Plugin
   • Once deactivated, the Delete option will appear below the plugin name.
   • Click Delete to completely remove the plugin from your site.
   • Confirm the deletion if prompted.

---

✅ Alternative: Using FTP to Remove Plugins

If you’re unable to delete a plugin through the dashboard (e.g., due to errors), you can manually remove it via FTP:

1. Access Your Site via FTP
   Use an FTP client (like FileZilla) to connect to your site’s server.
2. Navigate to the Plugins Folder
   Go to: /wp-content/plugins/
3. Delete the Plugin Folder
   Find the folder of the plugin you want to remove, and delete the entire folder.

---

✅ Clean Up After Deleting Plugins

Some plugins leave behind data or settings after deletion, especially if they stored custom data in the database.

1. Use a Plugin Cleaner
   Install a plugin like WP-Optimize or Advanced Database Cleaner to remove orphaned data.
2. Manually Check the Database
   If you’re comfortable with MySQL, check for leftover tables or data related to the deleted plugin.

---

That’s it! Your unwanted plugin is now removed from your WordPress site. Would you like assistance with cleaning up leftover data or optimizing your site after plugin removal?

To add or customize a top login icon on your WordPress navigation menu, you have a few ways to do it depending on your theme and desired functionality (e.g. icon + link to login/logout or user account). Here’s a complete guide:

---

🔒 Goal: Add a Login/User Icon in the Top Navigation Menu

✅ Option 1: Using a Plugin (Recommended for Non-Coders)

1. Install a User Menu Plugin

• Go to Plugins > Add New.
• Search for a plugin like:
  • WP User Manager
  • Login Logout Menu
  • User Menus – Nav Menu Visibility
• Install and activate the plugin.

2. Add Login/Logout Links to Menu

• Go to Appearance > Menus.
• You will see new options like Login, Logout, Register, and User Profile.
• Add them to your desired menu (usually the Primary or Top Header menu).
• Some plugins let you display different menu items based on whether the user is logged in or not.

3. Optional: Add an Icon

• If your theme supports Font Awesome or SVG icons, you can manually add a user icon to the menu item label: Login
  • Or use the built-in icon selector (if your theme or plugin supports it).

---

🔧 Option 2: Manual HTML or Custom Link with Icon

If you don’t want a plugin, you can manually add a menu item:

1. Go to Appearance > Menus.

2. Click Custom Links.

• URL: Enter your login page URL. Usually it’s:
  • /wp-login.php for default login
  • Or a custom login page like /my-account/ (for WooCommerce)
• Link Text: Add a user icon with text like: Login

⚠️ Note: This works only if your theme allows HTML in menu items or supports Font Awesome.

---

🛒 Option 3: WooCommerce User Account Icon (If You’re Using WooCommerce)

1. WooCommerce automatically adds a “My Account” link.
2. To show it as an icon:
   • Use a theme like Astra, OceanWP, or Storefront that supports header icons.
   • Or customize it via your theme’s header settings or builder (Elementor, Block Editor, etc.)

---

🎨 Optional: Styling the Icon

You can style your menu login icon via Custom CSS:

.menu-login i {
  margin-right: 5px;
  color: #333;
}

Assign a custom class like menu-login to your menu item under Screen Options > CSS Classes.

---

Summary

Method	Best For
Plugin (User Menus, Login Logout Menu)	Easy, dynamic login/logout links
Custom Menu Link with HTML Icon	Manual control, minimal setup
WooCommerce My Account Icon	WooCommerce sites needing login/account access
Theme Header Builder	Full visual control (if supported by your theme)

---

Great — you’re using the Twenty Twenty-Five theme, which is a Full Site Editing (FSE) theme. Unlike older themes, menus in FSE are created and managed via the Site Editor, not the traditional Appearance > Menus screen.

Here’s how you can add a second-level (dropdown) navigation menu using the Twenty Twenty-Five theme:

---

✅ Steps to Add a Second-Level Navigation Menu in Twenty Twenty-Five

1. Go to the Site Editor

• From your WordPress dashboard, navigate to: Appearance > Editor

2. Open the Header or Navigation Area

• Once the Editor opens, you’ll see the visual layout of your homepage.
• Click on the header area or locate the Navigation block.
• If you don’t see one, click the + icon and search for Navigation, then add it where needed.

3. Edit the Menu Items

• In the Navigation block, click “+” to add a menu item.
• Add a top-level link (e.g. “Services”).
• Then, to create a second-level item:
  • Click on the menu item (e.g., “Services”).
  • Click the three-dot menu (⋮) > “Add Submenu Link”.
  • Or click the right arrow to indent and make it a submenu item.

🔁 You can repeat this to build additional submenu levels.

4. Reorder or Nest Items

• Drag items around visually.
• Indent a menu item under another to make it a second-level link.

Example Layout:

• Home
• About
• Services
  • Web Design
  • SEO
• Contact

5. Save Your Changes

• Click the “Save” button in the top right to apply your changes.

---

📌 Notes

• Dropdown menus are supported natively in the Navigation block with Twenty Twenty-Five.
• The submenu will display on hover (desktop) or toggle (mobile).
• You can style the navigation block using block settings (colors, spacing, etc.).

---

🧩 Optional Enhancements

• Add icons or custom styles using custom CSS or a plugin like Editor Plus or Block Visibility.
• Create a navigation template part that can be reused across pages if needed.

---

Copy this from SayPro Charity Kraal

To add a WooCommerce icon (typically a cart or user/account icon) to the top navigation menu or header, follow the method that best matches your theme setup. Here’s a complete guide to adding the WooCommerce cart or account icon to the top of your site:

---

🛒 Goal: Add a WooCommerce Icon (Cart or Account) to the Top Navigation

---

✅ Option 1: Use Your Theme’s Built-In WooCommerce Icon Support

Many popular WordPress themes (like Astra, OceanWP, GeneratePress, Storefront, or Hello Elementor) have native support for showing WooCommerce icons in the header.

Steps:

1. Go to Appearance > Customize
2. Look for options like:
   • Header > Cart Icon
   • WooCommerce > Store Notice / Header / Account
   • Layout > Primary Menu / Header Elements
3. Enable:
   • 🛒 Cart Icon
   • 👤 Account Icon (usually linked to “My Account”)
4. Customize icon style and placement (some themes let you move it to the top bar or secondary menu).

🔔 If your theme supports a header builder, you can drag and drop the Cart or Account element into the header area.

---

✅ Option 2: Add WooCommerce Icons Manually via Menus

To add a Cart or Account link to the menu:

1. Go to Appearance > Menus
2. Under Pages, add:
   • Cart (/cart)
   • Checkout (/checkout)
   • My Account (/my-account)
3. Use Custom Links if needed.

Optional: Add Icons to Menu Text

If your theme allows Font Awesome or icon fonts, you can include them like:

<i class="fas fa-shopping-cart"></i> Cart
<i class="fas fa-user"></i> My Account

⚠️ Only works if your theme or plugins support HTML in menu items.

---

✅ Option 3: Use a Plugin to Add WooCommerce Header Icons

Use a plugin for more control or if your theme doesn’t support WooCommerce icons out of the box.

Recommended Plugins:

• WooCommerce Menu Cart (by WP Overnight)
  • Adds a cart icon with item count and total in the menu.
  • Highly customizable.
• Elementor Pro or Header Builder Plugins
  • If using Elementor or similar, drag-and-drop a cart/account icon into your custom header.

---

🧩 Option 4: Use Shortcode or PHP (Advanced)

If you’re editing a custom theme or header:

WooCommerce Cart Icon (PHP):

<?php
    echo '<li class="menu-cart">';
    echo '<a href="' . wc_get_cart_url() . '"><i class="fas fa-shopping-cart"></i> (' . WC()->cart->get_cart_contents_count() . ')</a>';
    echo '</li>';
?>

Place this code inside your header.php (or a custom nav walker), wrapped in appropriate HTML.

---

🔄 Make Sure WooCommerce Is Set Up Correctly

• Cart and My Account pages must be published and assigned under WooCommerce > Settings > Advanced.
• Icons won’t link correctly if these pages don’t exist or aren’t assigned.

---

🎯 Summary

Method	Best For
Theme Customizer	Easiest for supported themes
Menus with Icons	Quick and flexible
Plugin (Menu Cart)	Cart icon + item count
Custom Code	Full control (developer option)

---