# Layout change for different screen sizes **URL:** \ **Category:** Elements\ **Created:** [April 22, 2025, 1:05pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249 "2025-04-22T13:05:08Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\ **Post date:** [April 22, 2025, 1:05pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/1 "2025-04-22T13:05:08Z")
Hi all, what is the best video on the YouTube channel of Realmac to to learn handling the different screens. Thanx Ferry ---
**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:** [April 22, 2025, 10:07pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/2 "2025-04-22T22:07:27Z")
I’d recomend starting with these two videos: [![](https://img.youtube.com/vi/yY1YOIJRq6w/maxresdefault.jpg "Elements: Theme Studio Screens") ](https://www.youtube.com/watch?v=yY1YOIJRq6w) [![](https://img.youtube.com/vi/gnlaK4LrhRY/maxresdefault.jpg "Elements: Responsive Design Changes") ](https://www.youtube.com/watch?v=gnlaK4LrhRY) I also cover how to make the grid **responsive** while building a website in this video: [![](https://img.youtube.com/vi/6i7-Cgojc18/maxresdefault.jpg "Let's Build… tiny.com in Elements") ](https://www.youtube.com/watch?v=6i7-Cgojc18) Let me know if you have any more specific questions and I’m sure well be able to help out 😊 ---
**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\ **Post date:** [April 23, 2025, 11:24am UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/3 "2025-04-23T11:24:48Z")
Hi Dan, thanx for that. Please find enclosed a new link of a first run (elementsapp://downloadDocument/G2eXXfgyjVuA). Question number one: If the Reveal comes from right to left you will get a white space on the right side of the container. Question number two: Between the sticky menu and the first grid you see e very fine line (especially on a smartphone) Regards Ferry ---
**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:** [April 24, 2025, 1:22pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/4 "2025-04-24T13:22:10Z")
> [@Multiferry](#): > > If the Reveal comes from right to left, you will get a white space on the right side of the container. I couldn’t see it in the project when previewing in Safari – does this issue only happen when published and viewed on a real device? Can you try setting the container overflow to hidden, and let me know if that solves it for you. ![CleanShot 2025-04-24 at 2 .16.54@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/1/2113cc5ae79679f417ca895d31b8dac46bff9d03.jpeg) > [@Multiferry](#): > > Question number two: Between the sticky menu and the first grid, you see a very fine line (especially on a smartphone). Regards, Ferry. This is just an HTML rendering bug in the browser. Set your wrapper background to black to fix this. ![CleanShot 2025-04-24 at 2 .20.09@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/e/ce43722fb14654bbe59070b6aba0ee4a19dfdd25.jpeg) Hope that helps! ---
**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\ **Post date:** [April 25, 2025, 6:01am UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/5 "2025-04-25T06:01:58Z")
Hi Dan, with the wrapper I am fine now. The first point is still not working. I send you a movie made on an iPhone 16 (with e-mail). Regards Ferry ---
**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ **Post date:** [December 17, 2025, 7:35pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/6 "2025-12-17T19:35:20Z")
You design it in smallest setting and then upscale it. This has been added to the manual but this post tells you how good luck! [https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249) ---
**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\ **Post date:** [December 17, 2025, 8:02pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/7 "2025-12-17T20:02:40Z")
Funny I do the opposite…. Start at full screen - then go down - and make changes… just how I work… ---
**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ **Post date:** [December 17, 2025, 8:27pm UTC](https://forums.realmacsoftware.com/t/layout-change-for-different-screen-sizes/47249/8 "2025-12-17T20:27:54Z")
Thats what suits you fine but ELEMENTS is designed to work other way! 😂