# Element placement/display issues

**URL:** <https://forum.bubble.io/t/element-placement-display-issues/56964>\
**Category:** Need help\
**Created:** [May 17, 2019, 2:21am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964 "2019-05-17T02:21:53Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 17, 2019, 2:21am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/1 "2019-05-17T02:21:53Z")

</div>

When I preview my app, I have a number of elements that don’t line up, or have shifted from where I placed them, and where they show up in the development part of the app. I have tried moving them around and have to put them out of alignment of where I want them for them to show up in the correct place in the preview. any ideas on how I can fix this issue? I have provided screen shots below.

 ![48](https://us1.discourse-cdn.com/bubble/original/3X/3/0/30095e3c93cc47029b6ebc5ca12d7ad8d0305f4a.png) ![25](https://us1.discourse-cdn.com/bubble/original/3X/c/6/c65a9e58e1b62e959567dd49929df32bcdfabd6a.png) ![31](https://us1.discourse-cdn.com/bubble/original/3X/9/4/94bf40d2fa0ffb903b2ffd54a7199f8742fc9b17.png)

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 17, 2019, 2:36am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/2 "2019-05-17T02:36:01Z")

</div>

At the responsive engine view, can you share with us images of the margins?

If you’re not familiar with what I’m saying, check this [quick video](https://player.vimeo.com/video/169882386?title=0&byline=0&portrait=0&color=0000FF&autoplay=1) made by the Bubble founder.

---

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 17, 2019, 2:49am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/3 "2019-05-17T02:49:53Z")

</div>

It wont let me open in responsive view as the app is set at fixed width

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 17, 2019, 3:40am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/4 "2019-05-17T03:40:05Z")

</div>

Try disabling the fixed width, you can enable it back later.

---

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 17, 2019, 4:07am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/5 "2019-05-17T04:07:51Z")

</div>

Is this what you are after?

 ![38](https://us1.discourse-cdn.com/bubble/original/3X/1/7/17ea64d854c96ac5fc1a3aced321d191f9559e81.png)

---

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 28, 2019, 5:45am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/6 "2019-05-28T05:45:15Z")

</div>

@vini_brito attached are sceenshots showing the margins and the preview. I am unsure how to change the margins, if you can help me with fix them up and how to change the margins I would appreciate it.

 ![30](https://us1.discourse-cdn.com/bubble/original/3X/8/7/87e534c2ad9cb1aabc23138e3bd76ba8b32437ed.png) ![15](https://us1.discourse-cdn.com/bubble/original/3X/e/1/e181978f1b419eb52d4e1698bbef3c5bcf9712d3.png)

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 29, 2019, 1:46am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/7 "2019-05-29T01:46:03Z")

</div>

How exactly do you want them to be? I’m not understanding what is misaligned with what.

---

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 29, 2019, 1:49am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/8 "2019-05-29T01:49:26Z")

</div>

If you look at the top preview in the last message you can see that there are big gaps in the list under physical characteristics. I am wanting to have it look more like the list on the right side, where the gaps between the headings are essentially even and well spaced.

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 29, 2019, 1:55am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/9 "2019-05-29T01:55:16Z")

</div>

I’d experiment with grouping the elements differently a few times, Bubble uses a lot of the grouping we do to position the elements.

---

<div class="post-metadata">

**Author:** ![justincswork](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@justincswork](https://forum.bubble.io/u/justincswork)\
**Post date:** [May 29, 2019, 1:57am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/10 "2019-05-29T01:57:26Z")

</div>

yeah I have a lot of stuff in groups, in fact all the headings etc are in groups. I think it may just be the width/margin of the groups.

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 29, 2019, 3:23am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/11 "2019-05-29T03:23:55Z")

</div>

May be, but also which elements are in what group also plays a role in this sometimes.

---

<div class="post-metadata">

**Author:** ![vini\_brito](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vini_brito/32/22187_2.png) [@vini\_brito](https://forum.bubble.io/u/vini_brito)\
**Post date:** [May 31, 2019, 2:15am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/12 "2019-05-31T02:15:18Z")

</div>

Hi @justincswork another thing you can do is click “Explain box margins”:

 ![Kazam_screenshot_00001](https://us1.discourse-cdn.com/bubble/original/3X/3/1/31e4022a6fe1f7bf7bc19f7a96f686eb3bbe7c37.png)

Currently that button is “Hide explanations” for me because I activated it. Click the element then click “Explain box margins”. It will then show what is going on around your elements and why.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [July 26, 2019, 2:21am UTC](https://forum.bubble.io/t/element-placement-display-issues/56964/13 "2019-07-26T02:21:54Z")

</div>

Closed on July 26, 2019, 2:21am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
