Editing Optimize your ActiveCampaign landing page for mobile (section)

== Step-by-Step Instructions ==
Follow these detailed steps to optimize your landing pages for mobile:

1. **Open the Page Editor:** Navigate to the landing page you wish to optimize within your ActiveCampaign account.

2. **Select Mobile Preview Mode:**
   - Hover your mouse over the '''Desktop''' preview mode located in the top left bar.
   - A modal window will appear. Click the '''Mobile''' option. 
   - The preview mode will switch to mobile, allowing you to see how your page will appear on mobile devices.

3. **Add, Remove, and Edit Blocks:** While in mobile preview mode, you can start modifying blocks on your page. 

4. **Make Style Overrides:**
   - You can choose to make mobile style overrides, which are design changes that will only be visible on mobile devices:
     - Modify the following block styles:
       * '''Width'''
       * '''Background'''
       * '''Inner spacing'''
       * '''Border'''
       * '''Corners'''
       * '''Shadows'''
       * '''Opacity''' 
   - Be aware that changes in text or content sections, theme colors, and text styling will apply to both desktop and mobile views.

5. **Make Blocks Visible or Invisible in Mobile View:**
   - Click on the section you want to work with in the page editor.
   - To make a block or section visible only on mobile:
     - Click the '''Desktop''' icon to unselect it. The icon will change from blue to grey, while the '''Mobile''' icon remains blue.

6. **Rearranging Blocks:** Note that rearranging page blocks must be done in desktop mode, as changes will reflect on mobile by default.

7. **Remove Mobile Style Overrides:** 
   - To revert any mobile style overrides, click the mobile style override icon located in the right pane for the chosen block.