# 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="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2F5xl6NqzXybbX2uo00a2i%2Fimage.png?alt=media&#x26;token=dda4f068-4636-46d5-8663-9cc1bd66612b" alt="" data-size="line"> on the left toolbar.
* Select **Page Settings** from the menu.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FkuZVTqpzmyDrX0ZXQNps%2Fimage.png?alt=media&#x26;token=79f5bc11-4b4b-4182-941d-08e23a118633" 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 %}