# Look on iPhone vs designer view

**URL:** <https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074>\
**Category:** Elements\
**Created:** [October 28, 2025, 12:28am UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074 "2025-10-28T00:28:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cwall64](https://avatars.discourse-cdn.com/v4/letter/c/bbe5ce/32.png) [@cwall64](https://forums.realmacsoftware.com/u/cwall64)\
**Post date:** [October 28, 2025, 12:28am UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074/1 "2025-10-28T00:28:27Z")

</div>

I have started mocking up a site with Elements and I noticed the display on the iPhone Pro (few years old) is not like the look of the smallest size view in the designer. I looked and before I started messing with it the image was set to center. I’ll include the two images.

Designer:

 ![elements-designer](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/5/e52641efbf7ecec3b928d230164b2f611485cdf5.jpeg)

iPhone screenshot:

 ![iPhonePro-Screen](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/4/04eb8383e4afe47345d5bfaf9e5ef3fe8f9f6884.jpeg)

Where should I look to correct this?

---

<div class="post-metadata">

**Author:** ![Ulrich](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ulrich/32/29764_2.png) [@Ulrich](https://forums.realmacsoftware.com/u/Ulrich)\
**Post date:** [October 28, 2025, 9:35am UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074/2 "2025-10-28T09:35:53Z")

</div>

Maybe this is because the default Content Layout Width of a Container is Breakpoint. (I hate this default, it should be Full).

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/3/53b04ea1cfdb1b1407e1f6be7a3d731028827361.png)

Try to move the right side in the designer and watch if somethin is jumping…

Also look at the size of the menu. Set the menu to hidden to see if it is the menu.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 28, 2025, 9:39am UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074/3 "2025-10-28T09:39:40Z")

</div>

turn on show outlines

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 28, 2025, 9:49am UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074/4 "2025-10-28T09:49:55Z")

</div>

It’s usually because you have a component on the page set to a specific width that’s forcing the browser to display wider.

Scroll down on the iPhone to find the item with a fixed width…

If you can’t find it, you can share the project via Elements Cloud and paste the link here and we’ll locate the issue on the page for you.

---

<div class="post-metadata">

**Author:** ![cwall64](https://avatars.discourse-cdn.com/v4/letter/c/bbe5ce/32.png) [@cwall64](https://forums.realmacsoftware.com/u/cwall64)\
**Post date:** [October 28, 2025, 6:49pm UTC](https://forums.realmacsoftware.com/t/look-on-iphone-vs-designer-view/52074/5 "2025-10-28T18:49:26Z")

</div>

Much appreciated all, it was the footer, so I made the whole container hidden at the smallest size.

 ![Screenshot 2025-10-28 at 1.50.05 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/7/a72133844892a01921c2183ce4b030d3a33388b8.png)