> For the complete documentation index, see [llms.txt](https://supportcenter.creatorlink.net/creatorlink-support-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://supportcenter.creatorlink.net/creatorlink-support-center/create-a-site/editing-blocks/menu-block/setting-a-mobile-optimized-design.md).

# Setting a mobile optimized design

Enabling the **Mobile Optimization Design** option may change the menu design that appears in mobile and PC environments.&#x20;

If you want to apply the **Color** you set in the **Menu Font** option to your mobile environment, **OFF** the option.&#x20;

The table below is an easy-to-understand table that shows whether or not the setting value can be applied by **ON/OFF** options.&#x20;

**X** is a setting that does **not apply to mobile**, and **O** is a setting that **applies**.&#x20;

Please refer to it for use.

|            | Color | Font | Size | Line Spacing |
| ---------- | :---: | :--: | :--: | :----------: |
| Option ON  |   X   |   O  |   X  |       X      |
| Option OFF |   O   |   O  |   X  |       X      |

{% hint style="success" %}
**TIP**

* The **Font** setting applies to both mobile and PC environments regardless of the Mobile Optimized Design option setting.&#x20;
* The **Size** and **Line Spacing** feature apply to only PC environment.
  {% endhint %}

**\[How to disable the Mobile Optimized Design option]**

1\. Click the **Block Settings** icon on the block.

![](/files/bzQtl71tb7zOb4f9pNm7)

2\. Turn **off** the **Mobile Optimized Design** option.&#x20;

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

Check the mobile menu design changed by the option setting.

<figure><img src="/files/SVAw1zAIhA3JGygiQspU" alt=""><figcaption><p>Option ON</p></figcaption></figure>

<figure><img src="/files/z74cBwqpUtKkyCqHxclU" alt=""><figcaption><p>Option OFF</p></figcaption></figure>
