> For the complete documentation index, see [llms.txt](https://docs.sesamelabs.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sesamelabs.xyz/product-guides/white-label-options/iframe.md).

# iframe

The iframe can be customized by passing in a configuration JSON object to the `name` attribute. Here are a list of possible configuration flags / keys

> We are actively working on customization. More customization keys will be available soon, but don't hesitate to reach out if you want something specific!

* `hideLogo` - boolean - default false - true if you want to hide the top left logo, false o.w.

<figure><img src="/files/3bXUwzaybPOR4wFBwafO" alt=""><figcaption><p>Shows logo by default</p></figcaption></figure>

<figure><img src="/files/4JGET9tMRkWiyCn8qxdp" alt=""><figcaption><p>Hides logo</p></figcaption></figure>

* `overrideWidth` - number, px - default 1160 - overrides the content width of the page
  * This does not affect smaller breakpoints&#x20;

<figure><img src="/files/ffkfCz1OB5BVEaopYTB2" alt=""><figcaption><p>Overrides the width of the main content block</p></figcaption></figure>

* `leftNavBar` - boolean - default false - true if you want the nav bar links to be left aligned, false o.w.&#x20;
  * This is usually used with `alignedNavBar: true`
  * This is usually used with `hideLogo: true` as the logo has position absolute&#x20;

<figure><img src="/files/VKMQKVQzdJ2zQ4rLbHg7" alt=""><figcaption><p>leftNavBar toggled to true with hideLogo</p></figcaption></figure>

<figure><img src="/files/N3sQLB7JkAzOaA6nC03L" alt=""><figcaption><p>default behavior of leftNavBar with hideLogo</p></figcaption></figure>

* `alignedNavBar` - boolean - default false - true if you want the nav bar to be aligned with the quest cards, false o.w.

  <figure><img src="/files/s6mNKwRt1Z1sNMBsrziI" alt=""><figcaption><p>alignedNavBar set to true</p></figcaption></figure>

<figure><img src="/files/9XHZeWt9DB588AovRxte" alt=""><figcaption><p>alignedNavBar defaults to false</p></figcaption></figure>

Example:

`<iframe src=".." name='{"hideLogo": true, "overrideWidth": 1360, "leftNavBar": true, "alignedNavBar": true}"></iframe>`

<figure><img src="/files/cHUCs4PWQKNUIWr1lC3c" alt=""><figcaption><p>hideLogo, overrideWidth, leftNavBar, alignedNavBar</p></figcaption></figure>
