Unpredictable layouts?

@mmcconna @NigelG. I found a few flaws in the original design, that’s why we couldn’t get it to work.
I’ve created a clone page: Forumapp3 | Bubble Editor

1.Group Visible was placed in another group, Group A. Group Visible was set to fixed width but group A was not. That’s why everything in group visible kept on messing around no matter what we did.
2. A lot of the elements were set to keep right margins in responsive viewer. I changed it.

What I’ve done

  1. Removed group A.
  2. Set group Visible to keep left margins
  3. Set group Breadcrumbs to keep left margins
  4. Replaced links with text elements. It has more control for me. It has workflows in it to navigate. Set text elements to keep left margins.
  5. Grouped the long header and it’s icon in a group. Set it to keep left margins and set the icon to keep right margins.
  6. Short header. The same as long header
  7. Placed the rest of the contents in it’s own group.
  8. Made the groups all the same width. It makes a difference in responsive. @emmanuel am I right in saying this?
  9. Moved these element down so they don’t touch the group border. I found sometimes that it makes a difference in responsive. Hope I’m right with this?

Have a look in responsive viewer to see what settings I made with the other elements

Hope this helps a bit :slight_smile:

3 Likes