7.1 Add vertical line full height (100%)

Site URL: https://gar-grouper-xgll.squarespace.com/config/pages

Hello everyone,

I would like the vertical line to have the same height like the nav links on the right. The number of sub categories changes so should the line height.

Unfortunately, as soon as I change the height from "pt" to "%" the line disappears.

Hope you can help me with this issue.

.vertical-line {
  height: 100%; /* line height */
  width: 1px; /* line width */
  background: #a8a6a1; /*line colour*/
  margin-right: 10px;
  margin-left: 10px;
}

On 10/8/2022 at 7:20 AM, ando_337 said:

Site URL: https://gar-grouper-xgll.squarespace.com/neue-seite-3

Hello everyone,

I would like the vertical line to have the same height like the nav links on the right. The number of sub categories changes so should the line height.

Unfortunately, as soon as I change the height from "pt" to "%" the line disappears.

Hope you can help me with this issue.

.vertical-line {
  height: 100%; /* line height */
  width: 1px; /* line width */
  background: #a8a6a1; /*line colour*/
  margin-right: 10px;
  margin-left: 10px;
}

 

Can you check the link again? I can not access it now

Oh sorry, this one should work:

https://gar-grouper-xgll.squarespace.com/config/pages

On 10/10/2022 at 2:29 AM, ando_337 said:

Oh sorry, this one should work:

https://gar-grouper-xgll.squarespace.com/config/pages

Which page are you referring to? /config is admin url

https://gar-grouper-xgll.squarespace.com/?noredirect

https://gar-grouper-xgll.squarespace.com/eco-chalets-menu

On 10/18/2022 at 3:53 AM, ando_337 said:

https://gar-grouper-xgll.squarespace.com/eco-chalets-menu

You try using this CSS code (Design > Custom CSS) to add line

@media screen and (min-width:768px) {
div#page-section-632ef01c3056c01d0d67996c .span-5 {
    border-left: 1px solid gray;
    margin-left: -1px;
}
}