Overlap column not moving

[Leopart]

Hi,
i had figure out how to overlap a column at top, but the whole colum is moving above,
How to to set a column just heigher than the other?

That is what i want

That is what i get because the moving with -margin-top

@media (min-width: 768px) { $el { margin-top: -60px !important; position:relative; }

Someone please can told me where iy my mindfault

[Leopart]

i think i got it.

I have set the white row to min-height:200px

and the green colum in “customize” this

 @media (min-width: 768px) {
   $el {
            margin-top: -150px !important;
			position:absolute;
     		min-height:350px;
  }

It looks ok, is this also clean?
Regards

[nabeel]

Hi @Leopart,

Thank you for reaching out to us. You CSS has a missing curly bracket which can cause issues, please replace your code with the following one:

@media (min-width: 768px) {
   $el {
            margin-top: -150px !important;
			position:absolute;
     		min-height:350px;
  }
}

Your code looks right for overlapping the columns.

Cheers!