# Basics

## Logo

While logo setup appears in the Setup wizard. You can set the logo in Customizer - Site Identity. You can also set a width of your logo, based on width the height is automatically adjusted according to the image aspect ratio. 

![setup logo](/files/fqdBNSkNkEshh4KpgtZH)

## Setting Menus

### Primary Menu

This is the menu which appears for desktop versions of the site. This is a really powerful menu as it comes with an inbuilt mega menu.

![main menu](/files/N5tiVdyy3DGgb18cvkAo)

**Method 1 \[ Does not support mega menu creation ]**

Simply head over to customiser and create a menu and assign it to the Primary menu location.

**Method 2 \[ Supports Mega menu creation ]**

a. Go to WP admin - Appearance - Menus

b. Create a new menu and assign it to Primary menu location

### Setting icon in menu items

Menu item icons are supported in the theme. Edit any menu and you will find "Select ICON"

![](/files/XXBktxBSlbevXR4PKrlW)

the select icon will show the list of inbuilt icon set. You can also set a custom SVG icon in its place. This also works in the App page or the members area.

{% embed url="<https://youtu.be/njsldkNZjHs>" %}

You will be able to create mega menus only on the first level menu items. To activate mega menu, you will find the switch activate mega menu.

{% hint style="info" %}
Mega menu creation is easier while editing a menu. Create a menu, add items, save it and then you will find mega menu items for editing.
{% endhint %}

See following videos&#x20;

{% embed url="<https://youtu.be/QX5Cfefxw-c>" %}

### Mobile Menu

On mobile devices a different menu is shown to the users. This menu is connected at the Mobile menu location. This menu does not support any mega menu but does support icons and drop-downs.

## Footer

Footer can be built using Gutenberg's inbuilt template or using a Widgetised area. Where different widgets are displayed in the footer.

To activate a Widgetised footer, you can enable Widgets

![Widgetised footer](/files/5efxZUXLnq5uLE0NV52C)

After this you will need to add widgets in the WP admin - Appearance - Widgets - Footer Widget area. The default columns you set in the above screen is for each widget after which widgets start repeating one below another.

Each widget can be further customised to add its own column span which adds further customisation option.

![Columns used in Widgetised Mega menu and Footer](/files/RHscFsbWpvlQrxpTuf5x)

## App Page

This is the page which creates a membership area in your site.

### Setting up

1. Create a new blank page
2. Add 2 shortcodes in this exact sequence :

```
[vibebp_login]
[vibebp_profile]
```

3\. Set page template as "VibeBP App"&#x20;

4\. Publish the page.

### Set as BuddyPress single page.

1. Go to WP admin - Vibebp - settings - General
2. Locate setting BuddyPress single page
3. Set this page and save vibebp settings.

## Fonts & Colors

Theme's primary color is really important. You can set up the colors and fonts in the options panel.

![Configure colors](/files/kIRWodMUqjY2FFmEIvoC)

Configure fonts. You will need first select fonts and save it for application.

![](/files/E2vQsoDACf8AiAS2s5vY)

## Customizing App Page

{% embed url="<https://youtu.be/XR0z5yHmeCE>" %}

{% embed url="<https://youtu.be/0h3oECa2JMg>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tutorlydocs.wpappointify.com/configuration/basics.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.