# Header Layout

Navigate to **Appearance > Customize >** Footer Settings

#### **Header Background**

* Change the background of the header section using either a **solid color** or an **image**.

#### **Background Color**

* Select a color for the header background if you don’t want to use an image.

#### **Background Image**

* Upload or select a background image for your header.
* You can **upload**, **replace**, or **remove** the image at any time.

#### **Background Repeat**

* **No Repeat** → Displays the image once.
* **Repeat** → Tiles the image both horizontally and vertically.

#### **Background Position**

* Define where the background image should be aligned.
* Example: **Center Top** positions the image in the middle horizontally and at the top vertically.

#### **Background Size**

* **Cover** → Stretches the image to cover the entire header background.
* **Contain** → Scales the image to fit within the header area.
* **Auto** → Uses the image’s original size.

#### **Background Attachment**

* **Scroll** → The background moves as the user scrolls.
* **Fixed** → The background stays in place while scrolling, creating a parallax-style effect.

### ✅ Tips

* Use a **solid background color** if your logo and navigation need high contrast.
* Choose **Cover** for full-width modern header designs.
* Use **Fixed attachment** to create a professional parallax effect.

<figure><img src="/files/d0iA5Q2j4O4PzF9DPQv7" alt=""><figcaption></figcaption></figure>


---

# 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.stylothemes.com/urdunews/customization/header/header-layout.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.