Can containers be docked to other containers?

Ask the community
,
1

Dear all,

I think I have the most basic situation possible. (I am using Wix Studio.)

  • I have a section.
  • In this section there is a top-container, that contains a title header.
  • Below that, there is a bottom-container, that contains a paragraph.
  • There is literally nothing else.

The problem I have, is that when I narrow my browser, the title header runs out of width and it wraps the text to 2 lines instead of 1. Which fundamentally is fine. I want it to do that.
But, my header is now overlapping my paragraph.

I understand why, because both containers within this section, are docked to this same section. So, the top-container doubling in height, has no effect on the bottom-container (position wise). However, I need it to react. I need the bottom-container to be pushed down.

So how do I do this? How do I push my paragraph down, when the header height increases? I think I should be able to dock the bottom-container to the top-container. But I can’t find a way to do this.

I have searched and looked around for answers, but could only find someone saying “Yeah, you need to make a section with rows and columns.”
To me that sounds like an extreme work around for something so simple. Please enlighten me!

Wix2
Wix2820×414 21.8 KB

2

Since I am a new user, I couldn’t upload this picture in th OP.
So, for a little more information:

Wix1
Wix11078×390 30.6 KB

3

I don’t see why having the section be two rows would be an extreme solution . But the easy quickfix solution you’re probably looking for is selecting them both (either drag clicking, or holding shift and clicking both), and then choosing to Stack them.

1 Like
4

The use of rows just to align a Header and a Paragraph sounds like a couple of unnecessary steps to me. Like I’m back to the early 2000’s when I created whole websites in a table to get the positioning right.

But, the stacking worked! Thanks for that!