---
title: Viewing Microapps on a Mobile Browser
description: If you are viewing a microapp and decide to rotate your device, you will stay where you left off in your microapp. You may see a banner asking you to refresh for a more optimal experience if there is
---

[Skip to content](https://support.tiled.co/viewing-microapps-on-a-mobile-browser#main-content)

English

Show submenu for translations

[Submit a request](https://support.tiled.co/kb-tickets/new)

![logo-horizontal\_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a request](https://support.tiled.co/kb-tickets/new)

 Hi, how can we help you?

- There are no suggestions because the search field is empty.

1. [Support](https://support.tiled.co/)
2. [Useful Resources](https://support.tiled.co/useful-resources)
3. [Additional Guides](https://support.tiled.co/useful-resources#additional-guides)

# Viewing Microapps on a Mobile Browser

<iframe data-hsv-src="https://play.hubspotvideo.com/v/4720090/id/223919170107" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="223919170107" data-hsv-style="" data-hsv-width="1920" data-hsv-height="1080" data-hsv-autoplay="false" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

Microapps can have more than one adaptive format, such as a portrait and a landscape layout for phones. When you rotate your phone or tablet while viewing a microapp in a mobile browser, Tiled doesn’t reload anything. You stay where you are, and if a format that fits the new orientation better exists, a banner offers to load it.

### **What Happens When You Rotate**

| **Situation** | **What Happens** |
| --- | --- |
| **Viewing a page** | You stay on the same page. The microapp doesn’t reload. If a better-fitting format exists, the reload banner appears. |
| **Watching a video** | The video keeps playing. If a better-fitting format exists, the reload banner appears. |
| **Watching a video in fullscreen** | The video keeps playing in fullscreen. The banner, if there is one, appears after you exit fullscreen. |
| **Rotating back before using the banner** | If you return to the orientation that matches the format you’re viewing, the banner goes away. |

[![Mobile Browser Rotation Callouts-1-viewing-a-page](https://support.tiled.co/hs-fs/hubfs/Mobile%20Browser%20Rotation%20Callouts-1-viewing-a-page.png?width=670&height=431&name=Mobile%20Browser%20Rotation%20Callouts-1-viewing-a-page.png)](https://support.tiled.co/hubfs/Mobile%20Browser%20Rotation%20Callouts-3-watching-full-screen.png)

| **Note:** The banner only appears when the microapp has a format that fits your new orientation better. If the microapp was built with a single format, rotating never shows a banner. |
| --- |

### **[![Mobile Browser Rotation Callouts-2-watching-video](https://support.tiled.co/hs-fs/hubfs/Mobile%20Browser%20Rotation%20Callouts-2-watching-video.png?width=670&height=431&name=Mobile%20Browser%20Rotation%20Callouts-2-watching-video.png)](https://support.tiled.co/hubfs/Mobile%20Browser%20Rotation%20Callouts-3-watching-full-screen.png)Using the Reload Banner**

When the banner appears, you can:

• **Tap the banner** — reload the microapp in the better-fitting format.

• **Dismiss it** — keep viewing the current format. Nothing reloads.

• **Refresh your browser** — at any time, to load the best format for how you’re holding your device.

[![Mobile Browser Rotation Callouts-5-using-reload-banner](https://support.tiled.co/hs-fs/hubfs/Mobile%20Browser%20Rotation%20Callouts-5-using-reload-banner.png?width=670&height=431&name=Mobile%20Browser%20Rotation%20Callouts-5-using-reload-banner.png)](https://support.tiled.co/hubfs/Mobile%20Browser%20Rotation%20Callouts-5-using-reload-banner.png)

| **Pro Tip:** If you’re in the middle of a video, finish it before tapping the banner. Reloading loads the microapp again, so the video won’t continue from where it was. |
| --- |

### **For Creators: Giving Viewers the Right Format**

Viewers only see the banner if you’ve built a format for the orientation they rotate to. To cover phones held both ways, create a portrait and a landscape mobile format:

| **Builder** | **How to Add a Format** |
| --- | --- |
| **Builder 2.0** | Select Add next to your existing formats. |
| **Builder 1.0** | Select Create Size. |

See [Create an Adaptive Format Microapp](https://support.tiled.co/create-an-adaptive-format-microapp-1) for full steps.

[![Mobile Browser Rotation Callouts-6-for-creators](https://support.tiled.co/hs-fs/hubfs/Mobile%20Browser%20Rotation%20Callouts-6-for-creators.png?width=670&height=431&name=Mobile%20Browser%20Rotation%20Callouts-6-for-creators.png)](https://support.tiled.co/hubfs/Mobile%20Browser%20Rotation%20Callouts-6-for-creators.png)

| **Try It Yourself:** Publish your microapp, open the share link on your phone, and rotate it on a page with a video. You’ll see exactly what your viewers see, including when the banner appears. |
| --- |

### **Common Questions**

| **Question** | **Answer** |
| --- | --- |
| **I rotated my phone and the layout didn’t change. Why?** | Rotating doesn’t reload the microapp. If a better-fitting format exists, tap the banner or refresh your browser. If no banner appears, the microapp doesn’t have a format for that orientation. |
| **Will rotating my device interrupt what I’m doing?** | No. You stay on the same page, and videos keep playing, including in fullscreen. |
| **Do I have to use the banner?** | No. Dismiss it to keep viewing the current format. |
| **The banner disappeared on its own.** | You rotated back to the orientation that matches the format you’re viewing, so there’s nothing better to load. |
| **As a creator, how do I make sure the banner appears?** | Create a format for each orientation you want to support, such as mobile portrait and mobile landscape. |

**Related Articles**

• [**Create an Adaptive Format Microapp**](https://support.tiled.co/create-an-adaptive-format-microapp-1) — Building formats for different screen sizes.

• [**How to Embed a Microapp on a Webpage**](https://support.tiled.co/how-to-embed-a-microapp-on-a-webpage) — Choosing which format an embed serves.

• [**Engagement: Pathway Analytics**](https://support.tiled.co/engagement-pathway-analytics) — The device and orientation a recipient viewed on.

• [**Using the Share Form**](https://support.tiled.co/share-form-unification-hubspot-integration) — Creating the links your viewers open.

- [Getting Started](https://support.tiled.co/getting-started#main-content)

    - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled)
    - [Tiled Library](https://support.tiled.co/getting-started#tiled-library)
- [Tiled Builder](https://support.tiled.co/tiled-builder#main-content)

    - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder)
    - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles)
    - [Personalization](https://support.tiled.co/tiled-builder#personalization)
    - [Asset Library](https://support.tiled.co/tiled-builder#asset-library)
    - [Best Practices](https://support.tiled.co/tiled-builder#best-practices)
- [Tiled Tiles](https://support.tiled.co/tiled-tiles)
- [Settings](https://support.tiled.co/settings#main-content)

    - [Account Settings](https://support.tiled.co/settings#account-settings)
    - [Library Settings](https://support.tiled.co/settings#library-settings)
    - [Microapp Settings](https://support.tiled.co/settings#microapp-settings)
- [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content)

    - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics)
    - [Personalization](https://support.tiled.co/sharing-analytics#personalization)
    - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps)
- [Useful Resources](https://support.tiled.co/useful-resources#main-content)

    - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides)
    - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools)
    - [Accessibility](https://support.tiled.co/useful-resources#accessibility)
    - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app)
    - [Seismic](https://support.tiled.co/useful-resources#seismic)
    - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security)
- [Builder 2.0](https://support.tiled.co/builder-2-0#main-content)

    - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0)
    - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0)
    - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0)
    - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0)
    - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0)
    - [FAQ](https://support.tiled.co/builder-2-0#faq)
- [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content)

    - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin)
    - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin)
    - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin)
- [Integrations](https://support.tiled.co/integrations#main-content)

    - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation)
    - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management)
    - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication)
- [New Releases](https://support.tiled.co/new-releases#main-content)

    - [v66.0.0](https://support.tiled.co/new-releases#v66-0-0)
    - [v65.0.0](https://support.tiled.co/new-releases#v65-0-0)
    - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0)
    - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0)
    - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0)
    - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1)
    - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0)
    - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0)
    - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0)
    - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0)
    - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0)
    - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1)
    - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0)
    - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0)
    - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0)
    - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0)
    - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0)
- [Uncategorized](https://support.tiled.co/uncategorized)

[![logo-horizontal\_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co)

Copyright © 2026, Tiled

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/video_assets/223920637515/inherited/web_optimized.mp4",
  "dateModified" : "2026-10-08T14:39:22.792Z",
  "duration" : "PT30.4S",
  "height" : 1080,
  "name" : "Mobile Browser Rotation Animation",
  "thumbnailUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/Mobile%20Browser%20Rotation%20Animation.mp4/medium.jpg",
  "uploadDate" : "2026-10-08T14:39:22.789Z",
  "width" : 1920
}
```