# Header Variations

Go to your administrator >> templates >> Edit your style. Click on Template Options >> Header menu on left sidebar. You will see Header Configuration. Here you can set your preferences for the template header (Logo, Menu and Menu Elements).

![](/files/tWwdjFgeMVKF5ebjmZw2)

### Header Mode

​There are 3 header modes which are Horizontal, Stacked, and Sidebar.

![
](/files/3Naz2F8dx6fra8w2C5X0)

### Horizontal Menu Mode

When you select Horizontal mode then Horizontal Menu mode will appear with 3 options (Left, Center and Right)

![](/files/FYWq4G9eM3OwvNTf5AqO)

#### **Horizontal Menu Left**

 Select Left option will display header as image below:

![
Horizontal Menu Center ](/files/I9bPAG4ErZPow1eU1Hks)

#### **Horizontal Menu Right** 

Select Right option will display header as image below:

![](/files/oPH96E00dccnMv1H93Qp)

### Stack Menu Mode 

When you select Stacked mode then Stacked Menu mode will appear with 3 options (Stack Center, Stack Separated and Stacked Divided)

![](/files/azOnxOno4LgE1HLuOLrg)

#### **Stacked Center** 

Select Stacked Center option will display header as image below:

![](/files/fBlryoFE5WSjTxkqocJ9)

#### **Stacked Separated** 

Select Stacked Separated option will display header as image below:

![](/files/izA9Ii2XAK6pKv7qS9Zs)

**Stacked Divided** 

Select Stacked Divided option will display header as image below:

![](/files/ts5BgFpN1sigBqMJFFqE)

### Sidebar Mode

There are 2 types of sidebar headers: left sidebar and right sidebar

![](/files/UUEYb1glh3z0EXYiEU0e)

#### Sidebar Menu Left

![](/files/0wwxGEnym6dn3fYRV4fl)

#### Sidebar Menu Right

![](/files/KuyQcjSlDYJtEG2EZdLT)

### Sticky Header

Here you can select the type of the Sticky Header for desktop view, tablet view and mobile view.

![](/files/WbWd1QGABFVZgPvhB5J1)

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>


---

# 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.jollyany.co/basics/header-variations.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.