> 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 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.