> For the complete documentation index, see [llms.txt](https://docs.shopone.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopone.io/english/extended-features/instruction-for-changing-landing-page-design-mode-from-mobile-only-to-responsive.md).

# 2. Instruction for changing Landing page design mode from Mobile Only to Responsive

If your Landing Page is set to **Mobile Only** mode and you want to switch to **Responsive** mode for better display on desktop and mobile, follow these steps:

### Step 1: Open the Landing Page list and select the page you want to edit.

### Step 2: Open Settings

* Click the **Settings** icon <img src="/files/mH0yE8Gn7jYHh7OQnH4p" alt="" data-size="line"> on the left toolbar.
* Select **Page Settings** from the menu.

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

### Step 3: Change the Design Mode

* **Mobile Only**: Optimized for mobile devices only.
* **Responsive**: Adjusts to display properly on both desktop and mobile devices. (This mode offers a better user experience across platforms and is ideal for campaigns targeting a broader audience).

### Step 4: Save Changes

* After selecting **Responsive**, the system will automatically apply the new settings.
* Review the page layout and design on both desktop and mobile devices to ensure all elements display correctly.

{% hint style="warning" %}
**Note:** Thoroughly check the content and layout to ensure the best user experience across all devices.
{% endhint %}