Problem with 2 column site

Support
#1

Hi,

i’ve created the following in Pro…

https://mondodrawards.com/holding-page/

but i’m having an issue where the right-hand column is slightly over to the left, so the two columns aren’t symmetrical. I think this is also causing the elements in the right-hand column to sit at different levels to those on the left.
Could you advise on a fix for this?

Thanks

#2

Hi There,

Thanks for writing in!

The issue is due to the default margin of the columns. The right columns look bigger because it has a white background merged with the margin of the left column.

To remove the margin, please make the row marginless.

Hope this helps!

#3

Thanks, that’s fixed the symmetry issue but unfortunately caused something else. As a result of the change when you resize the browser window there’s an area of grey below the content of the site. I’d prefer to see the black and white columns continue to fill the page vertically, no matter what size the web browser window is, is that possible?

Thanks

p.s. The uneven level of the content horizontally was actually being caused by an additional (but empty) element above the logo on the left-hand side, which i’ve now deleted.

#4

Hi There,

Thanks for writing in!

Can you please add this code to the element CSS of the row?

$el {
 height: 100vh;
}

Hope this works for you!

Thanks

#5

That works.

Thanks.

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.