Reply To: Sticky element

[Support]

Hello Nicolas,

Thanks for the link.

1) Regarding the gap when using big icons, you can fix by adding the given CSS code below at “css/custom.css”:

@media only screen and (min-width: 768px) {
	html.fixed .page-header {
		left: 151px;
	}

	html.fixed.sidebar-left-collapsed .page-header {
		left: 54px;
	}

	html.fixed .content-body {
		margin-left: 151px;
	}

	html.fixed.sidebar-left-collapsed .content-body {
		margin-left: 54px;
	}
}

2) Regarding the sticky element width, you can fix by adding the given JS code below at “js/custom.js”:

$(window).on('scroll', function(){
	
	if( $('html').hasClass('simple-sticky-header-active') ) {
		$('.custom-sticky-wrapper-body').width( $('.custom-sticky-wrapper').outerWidth() );
	}
	
});

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---