Vertical line won't go all the way down page

Design help General
1

https://preview.webflow.com/preview/beaufort-12?preview=25ef7d878eea2c7be62ed2dc9b0e0747

I have added a thin, vertical line to this page http://beaufort-12.webflow.io/basics/nostrum-aperiam (basics template) to separate the dynamic content on the left with the navigation on the right. I would like this line to go all the way down the page in the same way it is on this page http://beaufort-12.webflow.io/support-home. For some reason it only goes about a third down. I’m sure I’m missing something obvious but if anybody can spot the problem I’d be very grateful.

Thanks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @sparky

At the moment the line class is set to 100vh so it can’t go any larger than this. The reason it works on your support home page is because the content in left column doesn’t exceed 100vh.

The solution is to set ‘vertical-line’ to auto height and position absolute right (see screen shot below).

image
image268×833 16.6 KB

Hope that helps!

1 Like
3

Works perfectly! Thanks so much @marsh.

1 Like