# Need help with layout for smart phone

**URL:** <https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201>\
**Category:** Elements\
**Created:** [February 8, 2026, 2:02pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201 "2026-02-08T14:02:21Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 2:02pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/1 "2026-02-08T14:02:21Z")

</div>

Here is a website developed with Elements App:

> **[Baha und der Türkenstreik von Köln - Dokumentarfilm](https://baha-film.de)**
>
> Baha und der Türkenstreik von Köln ist ein Dokumentarfilmprojekt des Filmemachers Nedim Hazar.

Unfortunately in the smallest phone resolution there is a margin of about 15 px on the right hand side (See screenshot below). It disappears from the md - resolution onwards. I could not figure out where I went wrong.  
Can someone help?

BTW the contact form on the bottom of the web page works flawless.

Best, Nedim

Note: I uploaded the project to the Elements Cloud and can send the link if needed.

 ![Baha und der Türkenstreik von Köln - Dokumentarfilm](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5ab1542c68d2501d91655b9adfd2690634a2fa7d.jpeg)

---

<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:** [February 8, 2026, 2:07pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/2 "2026-02-08T14:07:18Z")

</div>

Upload would be quickest for a check

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [February 8, 2026, 2:12pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/3 "2026-02-08T14:12:53Z")

</div>

The width of some container is not set to auto or full. Check the outmost containers

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 2:27pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/4 "2026-02-08T14:27:18Z")

</div>

Here’s the Link:

elementsapp://downloadDocument/M4uOvO3XE1Kw

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 2:29pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/5 "2026-02-08T14:29:52Z")

</div>

Hey Jan!

I did that and uploaded the page again. All containers are set to auto or full or haven’t been changed at all. But I still have the margin on the right in the smallest resolution.

Thanks for your suggestion, anyway.

---

<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:** [February 8, 2026, 2:49pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/6 "2026-02-08T14:49:04Z")

</div>

ok quite a few thing, not corrected all of then, good thing to check first is scroll off screen, in my example I deleted the container and replaced with flex, but there are still a few settings to correct, probably trialling when you were setting up

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 3:35pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/7 "2026-02-08T15:35:53Z")

</div>

Thanks a lot Steve!  
As you point out: I think it was the misplaced hamburger menu. I fixed it. See

> **[Baha und der Türkenstreik von Köln - Dokumentarfilm](https://baha-film.de)**
>
> Baha und der Türkenstreik von Köln ist ein Dokumentarfilmprojekt des Filmemachers Nedim Hazar.

---

<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:** [February 8, 2026, 3:47pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/8 "2026-02-08T15:47:32Z")

</div>

cool glad you sorted, ignore this next bit if you are content, best to push the trigger, using content end in container or items end if possible rather than using top right bottom left etc, well my personal way of doing it

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 4:00pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/9 "2026-02-08T16:00:13Z")

</div>

Do you have a visual example for the way you do it?

---

<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:** [February 8, 2026, 4:27pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/10 "2026-02-08T16:27:21Z")

</div>

your menu when I clicked on your link didn’t work?

see below

The modal opens full screen and the close is far right

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 8, 2026, 9:01pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/11 "2026-02-08T21:01:00Z")

</div>

Thanks a lot Steve. I understood now what you Jean with content end. I will try to fix it. The hamburger menu just points at anchors along the page. Perhaps it is not a good Solution.

---

<div class="post-metadata">

**Author:** ![Nedim](https://avatars.discourse-cdn.com/v4/letter/n/9de0a6/32.png) [@Nedim](https://forums.realmacsoftware.com/u/Nedim)\
**Post date:** [February 12, 2026, 6:52pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/12 "2026-02-12T18:52:54Z")

</div>

Hi Steve,

I decided to get rid of the hamburger menu on the smart phone. This is a on page web site anyway. I think it works that way.  
Thanks for your help.  
Nedim

---

<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:** [February 12, 2026, 11:29pm UTC](https://forums.realmacsoftware.com/t/need-help-with-layout-for-smart-phone/54201/13 "2026-02-12T23:29:50Z")

</div>

no probs seems a good choice
