-
Posts
-
I have a grid row that has three columns and I am trying to add a vertical scrollbar to one of those columns. The column has a 1/1 cell inside it also.
I have tried several iterations of this CSS class here and then add the class to the CSS Class field under “developer” in the column and cell, but nothing seems to work. Nothing even displays
.scrollbar {
max-height: 80vh;
overflow-x: scroll;
}I have placed a screenshot of what I am trying to do here
Hi,
Thank you for the inquiry.
Where can we see the issue? Please provide a direct link to the page so that we could inspect it.
Best regards,
Ismaelhttps://www.solverglobal.com/video-tours/ here is one example where we would like the sidebar sections to have an internal scroll bar so everything can stay above the fold. Just looking for the code I might need to add for this feature as I might end of having to implement it in multiple areas.
Hi,
What you are trying do is possible but it would mean limiting the height of the inner container of the first cell. Unfortunately, you cannot manually set the height of the first cell because the Grid Layout element is a table element and with table elements, the height of cells are automatically inherited from the parent container or the adjacent cells.
To understand it better, you can try this css code.
.flex_cell.no_margin.av_one_fifth.avia-builder-el-4.el_before_av_cell_three_fifth.avia-builder-el-first.scrollbar .flex_cell_inner { height: 500px; overflow: scroll; }This should limit the height of the flex_cell_inner container and add a scrollbar to it, but there would be a huge white space or gap below it. You might want to replace the css selector above with a custom css class or ID. More info about custom css class is in the following documentation.
// https://kriesi.at/documentation/enfold/add-custom-css/
Doing this with Javascript is also possible but, unfortunately, that kind of modification is beyond the scope of support.
Best regards,
Ismael
- You must be logged in to reply to this topic.