I'm building a page where I have a header on top, a sidebar on the left, the main content next to the sidebar and a fixed footer at the bottom which is scrollable. When I'm viewing my page on my laptop, everything works perfectly fine. However, when I view my page on an external screen, which is bigger, there is suddenly a blank space between the middle part (sidebar, content) and the footer of my page. Is there a way to extend the sidebar so that it automatically fits every screen to the bottom?
Yes, We can adjust that by changing the css properties in styling->native->custom.variable
Within which we have multiple class which can adjust the side bar or text in the page