Left Sidebar Fixed to Left and Top?

[bretonio]

My propeller-styled sidebar is working properly except that it continues to scroll with the main content rather than fixing to the left as it should with the '.pmd-sidebar-left-fixed` class.

Scrolling down the page scrolls the sidebar, I mean.

My current markup.

// Sidebar
section#pmd-main
	// Left sidebar
	aside.pmd-sidebar.sidebar-custom.sidebar-default.pmd-sidebar-slide-push.pmd-sidebar-left.pmd-z-depth.sidebar-hide-custom(role='navigation', style='position: absolute;')
		ul.nav.pmd-sidebar-nav
			// My Account
			li.dropdown.pmd-dropdown.pmd-user-info
				a.btn-user.dropdown-toggle.media(aria-expanded='false', data-sidebar='true', data-toggle='dropdown', href='javascript:void(0);')
					.media-left
						// img(width='40', height='40', alt='avatar', src='http://propeller.in/assets/images/avatar-icon-40x40.png')
					.media-body.media-middle 
						i.fa.fa-wifi.fa-lg
						|   The Superuser Blues
					.media-right.media-middle
						i.material-icons.pmd-sm more_vert
				ul.dropdown-menu
					li
						a.pmd-ripple-effect(href='javascript:void(0);', tabindex='-1')
							i.material-icons.media-left.media-middle person
							span.media-body Who Am I?

... and so on. Thanks for your kind attention to what may prove to be my idiocy again.

[piyush-digicorp]

Hello,

We apologize for replying late.

What we observed from your code snippet is that you have explicitly added position: absolute in the inline style:

aside.pmd-sidebar.sidebar-custom.sidebar-default.pmd-sidebar-slide-push.pmd-sidebar-left.pmd-z-depth.sidebar-hide-custom(role='navigation', style='position: absolute;')

Please remove the same and your sidebar will start working properly.

Hope this may solve your purpose.

[bretonio]

That summarily did the trick and I thank you very much for your kind attention.