> 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/urdunews/customization/header/header-layout.md).

# Header Layout

The Header Layout settings let you customize the background of your website’s header area. You can choose between solid colors, background images, and different display options to match your site’s br

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="https://857802280-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FthwVQLzvh2F5YiBxgMcq%2Fuploads%2FchaM7xEV1vkGSbi1yiY4%2FScreenshot_4.png?alt=media&amp;token=07231440-6476-4e4c-a530-de2b1a819eb4" alt=""><figcaption></figcaption></figure>