Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 4, 2024 at 7:37 pm #1463790
    Kanza

    Is there a way to make a tab section content scrollable over a certain height?

    I’ve tried giving a class to a specific tab and adding this css, but it doesn’t seems to work:

    	.scrollable-tab {
		position: relative;
		overflow: auto;
		max-height: 500px;
	}

    Any ideals?

    August 5, 2024 at 5:34 am #1463806
    Kanza

    Hello back everyone, I’ve managed to solve it by my own after many tests.

    Here I share the code, hope it helps someone else:

    	.scrollable-tab .av-layout-tab-inner .container {
		position: relative;
		overflow: auto!important;
		max-height: 600px!important;
	}

/* Styles for WebKit (Chrome, Safari) */
	.scrollable-tab .av-layout-tab-inner .container::-webkit-scrollbar {
		width: 15px; 
	}

	.scrollable-tab .av-layout-tab-inner .container::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}

	.scrollable-tab .av-layout-tab-inner .container::-webkit-scrollbar-thumb {
		background-color: #FF9D26; 
		border-radius: 2px; 
		border: 2px solid #f1f1f1;
	}

	.scrollable-tab .av-layout-tab-inner .container::-webkit-scrollbar-thumb:hover {
		background-color: #FFB84D; 
	}

    If you have any ideas to improve it, please comment.

    Regards,

    August 6, 2024 at 6:39 am #1463910
    Ismael

    Hi,

    Great! Glad to know that you managed to figure this out. Please let us know if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘[Tab element] Tab section scrollable?’ is closed to new replies.