Documentation > Getting Started

Brave Mobile Responsiveness

382

Due to the nature of how Brave works (like Canva / Photoshop), the popups that’s width is more than 400px are not automatically responsive. If your Popup’s steps do not have a custom mobile layout, Brave automatically displays a scaled down version of the Desktop version of that step. This may work fine for smaller popups, but if your popup is more 400px, we suggest you to create a custom mobile layout.

Creating a custom layout for mobile is very easy and usually takes only a few seconds. To create a Custom Mobile layout for your Current campaign step, follow these steps:

  1. click the “Mobile” icon from the bottom of the Editor and you will be taken to the Mobile layout Mode. If you did not add a custom Mobile layout, Brave will display a preview of how your Popup currently looks on mobile.
  2. Hover your mouse over on the Popup and click the “Create Custom Mobile Layout” button.
  3. Now you can customize the mobile popup like you did for the desktop one.
  4. To import all the elements and the popup style from the desktop mode, click the “Import from Desktop Layout”.
  5. Now resize and reposition your elements and you are done.

 

Now that you have a custom mobile layout, if you make an edit to your popup in future, be sure to also click the “Mobile” tab from the bottom and make the similar changes on mobile layout too.