Inner container off and columns issue

[ayatango]

Hi,
I have a section with an inner-container-off row.
The row has 2 columns, each column has a different image background. I don’t want to have any space between the 2 columns, so I have set a custom “man” class for them, but when I do this the column from the right is moving near the column on the left, so there is a white space between the right margin of the right-column and the margin of the browser (see the red arrow in the image below):

Another thing: the 2 columns are linked, but not in the middle of the page, but slightly on the left…

Please help.
thx!

[ruenel]

Hello @ayatango,

Thanks for writing in!

By default, the columns will have a 4% gap between each other. If you add man class, the margin will be set to zero. You must also change the width of the columns. The normal widths are 48% + 4% gap + 48% = 100%. If you add man, you will only have 48% + 48% = 96% which would explain the 4% gap in the right side.

When you turn off the inner container and you do not want any gap between the columns, please do not add any man class in the columns. You will need to go to the row settings and enable the marginless column option instead. This will give you a fullwidth row and the columns will have no gaps in it.

Hope this explains your issue.

[ayatango]

great!
Thank you

[ruenel]

You are most welcome!
We’re glad we were able to help you out.