# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sesamelabs.xyz/product-guides/white-label-options/iframe.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.