# When Full Width Isn't Full Width

**URL:** <https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004>\
**Category:** Elements\
**Created:** [March 9, 2026, 10:25pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004 "2026-03-09T22:25:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [March 9, 2026, 10:25pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004/1 "2026-03-09T22:25:03Z")

</div>

Project: [elementsapp://downloadDocument/0DAj5gkQKUir](elementsapp://downloadDocument/0DAj5gkQKUir)

Test URL: [Untitled Page](https://dev.chetcomm.com/hxt/)

Running Elements 2.1.2.

Hello All,

I’m having a problem on iPhone/mobile with the main banner and the full width “Process” band lower on the page. The band is from the Elements Essentials pack.

I want these two backgrounds (photo/solid) color to be full width. On mobile in Elements, it shows. But when I publish to the dev site there is a narrow white band on the far right side of the screen that I can’t figure out how to get to go away. This appears in Responsive Design Mode on browsers and iPhone (Safari/Firefox/ Brave).

Any idea where I misconfigured the components?

**Dev Site**

 ![Open a New Browser Tab 2](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/6/262a4c1599a8529d8cc8dbcc5c3fb0a427475233.jpeg)

 ![Open a New Browser Tab](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/8/e80af49d223f2270f75f1b4aa89c4f25af77a41c.jpeg)

**Elements View**

 ![Screenshot 2026-03-09 at 6.26.01 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/2/822ff0ee70997b22f4886c2a0d46da4181a5798d.jpeg)

 ![Screenshot 2026-03-09 at 6.26.09 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c2f5be1167262525963aa2fe5fe1673feb40ede3.jpeg)

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [March 9, 2026, 10:31pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004/2 "2026-03-09T22:31:06Z")

</div>

Looking at your screenshots, that WHITE bar looks like the scrollbar background.

Is it still there when the scrollbars disappear, or do you have the scrollbar set as always visible?

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [March 9, 2026, 10:38pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004/3 "2026-03-09T22:38:12Z")

</div>

This behavior is only appearing on the homepage of my project.

If you look at the full dev site ( [HX Aviation | Aviation Intelligence for Aircraft Owners](https://dev.chetcomm.com/hx) ) it’s the same mobile nav on every page, but this white bar only appears on the home page (as far as I can tell). And it doesn’t show in Elements.

---

<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:** [March 9, 2026, 10:52pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004/4 "2026-03-09T22:52:33Z")

</div>

A quick way to find out what section is causing the issue is to systematically start deleting each section on the page until the problem disappears.

I think it’s this sections causing the issue, specifically the objects you have positioned in the background.

 ![CleanShot 2026-03-09 at 10 .51.50@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/9/99a47e197a0ef9bf1dde49b1f84c6d7916c6b6fc.jpeg)

To fix this you probably need to bring them in a little more on mobile.

Happy Weaving 🙂

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [March 9, 2026, 10:54pm UTC](https://forums.realmacsoftware.com/t/when-full-width-isnt-full-width/55004/5 "2026-03-09T22:54:21Z")

</div>

> [@dan](#):
>
> I think it’s this sections causing the issue

You nailed it. Thanks!