> For the complete documentation index, see [llms.txt](https://docs.stylothemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylothemes.com/urdupress/customization/header/layout.md).

# Layout

The Header Layout settings in UrduPress allow you to manage the overall structure and alignment of your site’s header. You can choose different layouts, control logo and banner placement, and organize

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

### 1. Manage Header Style & Layout

From the **Customizer → Header → Header Layout**, you can manage different parts of the header.

* **Small Header** – Enables a compact header style.
* **Logo & Banner** – Allows you to display the site logo alongside a banner.
* **Navigation** – Controls the placement of the site navigation menu.

***

### 2. Header Content Alignment

You can choose how the **logo** and **banner** are aligned in the header.

Options available:

* **Logo & Banner** – Displays both logo and banner side by side.
* **Center Logo Only** – Centers the logo in the header.
* **Center Banner Only** – Centers the banner in the header.