# 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="https://2692803869-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvN5rakllmpTFAPXvLmlx%2Fuploads%2FRe2LB1uoMrRB55gpLT6B%2FScreenshot_13.png?alt=media&#x26;token=2542bdf5-467d-4929-aed6-5a44dcf30bf1" 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="https://2692803869-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvN5rakllmpTFAPXvLmlx%2Fuploads%2FMJOXPXoiaexh0Oi86aSJ%2FScreenshot_14.png?alt=media&#x26;token=2647ea1d-5962-4651-8434-7d6d260b95c5" 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.