> 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/qalam/customization/general/logo-settings.md).

# Logo Settings

### Desktop Logo

* Upload your **main website logo** that will display in the header on desktop devices.
* Accepted formats: **.png, .jpg, .gif**
* Recommended format: **PNG with transparency**

<figure><img src="/files/6vyotCugBNRw51xsvrUN" alt=""><figcaption></figcaption></figure>

### Mobile Logo

* Upload a **separate logo optimized for mobile screens**.
* Accepted formats: **.png, .jpg, .gif**
* Recommended format: **simplified version of your logo** for small screens.
* Path example:

  ```
  /wp-content/themes/qalam/images/mobile-logo.png
  ```

👉 This logo will display when users view your website on mobile devices.

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

#### ✅ Tips for Best Results

* Use **optimized images** (small file size for faster loading).
* Keep the **mobile logo simpler and more compact** for clarity.
* Maintain consistent branding between desktop and mobile logos.
* If your logo has text, ensure it is readable on smaller devices.