> For the complete documentation index, see [llms.txt](https://docs.nickarce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nickarce.com/bricks-mega-menu/docs/getting-started/add-your-logos.md).

# Add Your Logos

## Add Your Desktop Logo

***

<figure><img src="https://368645589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZAyzlif8jp8KbrptKaA5%2Fuploads%2F7PGtVS1qJBG8c5CzrdJm%2FAdding%20logo.gif?alt=media&amp;token=dc30cdb5-7459-4084-b095-4ab796c9373f" alt=""><figcaption></figcaption></figure>

1. find layer "logo" and select your image
2. update any of the information found on the content tab of the image. It is setup to get you started with a preferred set of settings.

## Add Your Mobile Logo (if desired)

***

Feature added with V1.5

<figure><img src="https://368645589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZAyzlif8jp8KbrptKaA5%2Fuploads%2FvsJQkkcLD9dYXZYRqdhe%2Fmobile-logo-add.gif?alt=media&amp;token=07f4c66a-9b20-4837-a7b1-961ee304d66f" alt=""><figcaption></figcaption></figure>

1. Find layer "mobile logo" and select your image
2. Navigate to your SCSS sheet and look for $mobile-logo and change it's value to "true"

```scss
$mobile-logo: false; // SELECTION (true/false)
```

{% hint style="info" %}
The mobile logo will not show on all browsers. It will show for browsers that support :has() see this link for browser compatibility <https://caniuse.com/?search=:has()>
{% endhint %}

3. In your SCSS sheet look for $mobile-logo-height and change its value to your preferred mobile logo height.

```scss
// WHAT HEIGHT DO YOU WANT THE LOGO? ******
$mobile-logo-height: 3rem;
```

### Q: What if you dont want a mobile logo?

A: You can delete the item "Mobile Logo" from the structure panel. The relevant CSS for it will not load unless you have $mobile-logo set to true.