# iFrame Mobile Device Rotation Issue

**URL:** <https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451>\
**Category:** Blog, Website & Page Publishing\
**Tags:** workaround, website-pages\
**Created:** [May 3, 2024, 9:36pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451 "2024-05-03T21:36:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![DAnderson84](https://avatars.discourse-cdn.com/v4/letter/d/90ced4/32.png) [@DAnderson84](https://community.hubspot.com/u/DAnderson84)\
**Post date:** [May 3, 2024, 9:36pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451/1 "2024-05-03T21:36:19Z")

</div>

Hello.

I have added an iFrame to a theme via a rich text module and embedding the html in.

On the preview screens on Mobile, Tablet and Web the iframe works perfectly.

When i have used my moblie phone to see to view, it does not work correctly instead its asking to rotate the device; even this does not resolve.

I have tried the “sandbox” element, this works for the rotation but the site in the frame shows a loading screen for the target site. I have tried the “allow-orientation-lock combined with allow-forms” attributes but the result is the loading screen.

The target site is [World of Aldar](https://world.aldar.com/uae/dubai/athlon) it is an interactive module i want to show in my mobile site.

TIA

 ![IMG_8446.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/e/4e1fb088db61d1b12a8b822eaa1f64e237d3cdab.jpeg)  
mobile device live site  
 ![Screenshot 2024-05-03 at 22.23.16.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/e/debb9625972d1ea54c9b70d553b64040ef76d74b.jpeg)  
mobile device preview on hubspot

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [May 4, 2024, 2:55pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451/2 "2024-05-04T14:55:26Z")

</div>

The page you link to does not appear to have an iframe on it. To help you troubleshoot it would be best to show the page with the iframe on it. To me this sounds like the site in the iframe you are embedding is reading the orientation of the device and setting that prompt as that is not a standard prompt that I am aware of.

---

<div class="post-metadata">

**Author:** ![DAnderson84](https://avatars.discourse-cdn.com/v4/letter/d/90ced4/32.png) [@DAnderson84](https://community.hubspot.com/u/DAnderson84)\
**Post date:** [May 6, 2024, 8:52pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451/3 "2024-05-06T20:52:03Z")

</div>

Hey thank you for your help. Sorry the link is: [https://equityedge.ae/athlon](https://equityedge.ae/athlon)  
Is there a way to tell the iframe to not call a mobile version? Or a better solution?

once again thank you for your time

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [May 6, 2024, 10:42pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451/4 "2024-05-06T22:42:47Z")

</div>

> * * *
> 
> @DAnderson84 wrote:
> 
> Hey thank you for your help. Sorry the link is: [https://equityedge.ae/athlon](https://equityedge.ae/athlon)  
> Is there a way to tell the iframe to not call a mobile version? Or a better solution?
> 
> once again thank you for your time
> 
> * * *

I see what you mean now. I think this is the app that you have in the iframe doing this. Could you reach out to that developer to see if there is an option or a different code that could be used in the iframe as rotating appears to have no effect.

---

<div class="post-metadata">

**Author:** ![EAltaan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ealtaan/32/207541_2.png) [@EAltaan](https://community.hubspot.com/u/EAltaan)\
**Post date:** [August 29, 2025, 1:45pm UTC](https://community.hubspot.com/t/iframe-mobile-device-rotation-issue/106451/5 "2025-08-29T13:45:07Z")

</div>

I checked the link you shared, [https://equityedge.ae/athlon](https://equityedge.ae/athlon) and it does look like the rotation prompt is being triggered by the embedded app itself. I’ve had the same problem with other interactive modules inside iframes. HubSpot or the iframe code can’t really override that, since the app decides how it behaves on mobile.

One thing you could try is giving the iframe a fixed aspect ratio with CSS (like forcing a landscape container), so the content doesn’t ask for rotation. It’s not a full fix, but it sometimes reduces the “rotate device” issue. Otherwise, the cleanest solution is to reach out to the developer of that module to see if they have an alternative embed option.
