Lock height of row or column

Support
#1

Is there a way to define a controlled height to a row? For example - I’d like to define a row as being always 600px high on desktop. I tried the solution here (https://theme.co/apex/forum/t/how-can-i-customize-the-max-height-of-columns-and-rows/34790/4?u=mlc2475) but it did not seem to work.

#2

Hi There @mlc2475

Thanks for writing in! If you just want to apply that max width on desktop, you will need to wrap around with a media query as well. You can change min-width value according to your preference. Please refer to the following resource for more information (https://css-tricks.com/snippets/css/media-queries-for-standard-devices/).

@media (min-width:768px) {
  .custom_row {
    max-height: 500px;
  }
}

If you’re still having issues, please provide us with your example page URL to assist your further.

Thanks!

#3

Thank you so much!

#4

You are most welcome. :slight_smile:

#5

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