# Design main banner

### How to design the main banner for your app’s home screen?

Creating a visually appealing main banner is essential for your app’s home screen. If you’re using the WordPress solution, follow these steps to design the main banner:

{% embed url="<https://scribehow.com/shared/Design_main_banner__gkTEsWdlTPKKJq22Lsi4VA>" %}

#### **Step 1: Log in to AppMySite**

* Log in to your AppMySite account.
* Navigate to your app Dashboard > [**Navigation > Home Header**](https://app.appmysite.com/app/home) to access the main banner settings.

#### Step 2: Select a banner image

* Click on the field under Select Image Banner.
* Search the image library to find relevant images.
* Click on the image you like and select DONE to use it as your banner.
* To upload your own image:
  * Click the Upload button
  * Drag and drop an image or click the window to upload it from your device.
  * Once uploaded, click DONE to save your image.

{% hint style="warning" %}
Recommended specifications:

* File format: PNG, JPG
* File size: 1125 x 480 px
  {% endhint %}

#### **Step 2.1:** Select a solid color for the banner

* Open the color panel under Select Solid Color.
* Choose a color for the banner or enter a hex code or RGB values for precise selection.

#### **Step 3: Add and customize banner text**

* Click on the Banner Text field to enter text

{% hint style="warning" %}
Maximum character limit: 15 characters
{% endhint %}

* Customize the text with:
  * Font: Select a font from the dropdown menu.
  * Font Size: Choose the size of your text.
  * Text Color: Pick a color or enter a hex code or RGB values.
* Align the text using the Align buttons (left, centre, or right).

#### **Step 4: Save your design**

Click Save to apply the changes.


---

# 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://docs.appmysite.com/app/navigation/home-screen/design-main-banner.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.