> 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/main-menu.md).

# Main Menu

#### **Background Color**

* Set the background color of the main menu.
* Example: Dark colors for contrast with white text, or light colors for a minimal look.

#### **Link Color**

* Controls the color of menu items (links).
* Choose a color that is readable and aligns with your website design.

#### **Link Hover/Active Color**

* Defines the color of menu items when hovered over or active (current page).
* Recommended: Use a contrasting or highlight color to show interactivity.

#### **Separator/Border**

* Manage the color of separators or borders between menu items.
* You can make it subtle (light gray) or bold depending on your design style.

#### **Search Button Background**

* Customize the background color of the search button in the menu.
* Suggested: Use a highlight color to make the search icon stand out.

### ✅ Tips

* Keep **contrast** in mind: if your background is dark, choose light link colors.
* Use the **hover/active color** to create a smooth navigation experience.
* The **search button** should be visible but not distracting — use accent colors.

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