Dashtic update V.1, Date 18-08-2020 -------------------------------------------------------------------------------------------------------- 1) Replaced the css and scss files(assets/css, assets/scss, assets/css-rtl, assets/scss-rtl) 2) Delete the simplebar plugin(assets/plugins/simplebar) (IE11 Issues) 3) Replaced the apexcharts.js file(assets/js/apexcharts.js)(IE11 Issues) 4) Replaced the mapelmaps.js file(assets/js/mapelmaps.js) 5) IE Issues Fixed 6) Replaced the sidemenu plugin(assets/js/sidemenu) 7) Replaced the cards-image.html(HTML-LTR & HTML-RTL) in each version folder //////////////////////////////////////////////////////////// 2) Please delete the simplebar plugin(assets/plugins/simplebar) //////////////////////////////////////////////////////////// Step1: Please delete the simplebar plugin(assets/plugins/simplebar) Step2: Please replace the customize js code in index1.js(assets/js/index1.js) file Previous: /*----simplebar1 JS ----*/ var countryscroll = document.getElementById('simplerscroll') new SimpleBar(countryscroll); /*-----simplebar1 JS -----*/ /*----simplebar1 JS ----*/ var scrollbar = document.getElementById('scrollbar') new SimpleBar(scrollbar); /*-----simplebar1 JS -----*/ /*----simplebar2 JS ----*/ var scrollbar2 = document.getElementById('scrollbar2') new SimpleBar(scrollbar2); /*-----simplebar2 JS -----*/ /*----simplebar2 JS ----*/ var scrollbar3 = document.getElementById('scrollbar3') new SimpleBar(scrollbar3); /*-----simplebar2 JS -----*/ Updated: /*----P-scrolling JS ----*/ const ps31 = new PerfectScrollbar('.countryscroll', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ /*----P-scrolling JS ----*/ const ps32 = new PerfectScrollbar('#scrollbar', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ /*----P-scrolling JS ----*/ const ps33 = new PerfectScrollbar('#scrollbar2', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ /*----P-scrolling JS ----*/ const ps34 = new PerfectScrollbar('#scrollbar3', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ Step2: Please replace the customize js code in index3.js & index5.js (assets/js/index3.js & index5.js) file Previous: /*----simplebar1 JS ----*/ var scrollbar = document.getElementById('scrollbar') new SimpleBar(scrollbar); /*-----simplebar1 JS -----*/ /*----simplebar2 JS ----*/ var scrollbar2 = document.getElementById('scrollbar2') new SimpleBar(scrollbar2); /*-----simplebar2 JS -----*/ Updated: /*----P-scrolling JS ----*/ const ps32 = new PerfectScrollbar('#scrollbar', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ /*----P-scrolling JS ----*/ const ps33 = new PerfectScrollbar('#scrollbar2', { useBothWheelAxes:true, suppressScrollX:true, }); /*-----P-scrolling JS -----*/ //////////////////////////////////////////////////////////// 5) IE Issues Fixed //////////////////////////////////////////////////////////// Please replace the css and scss files(assets/css, assets/scss, assets/css-rtl, assets/scss-rtl) Step1: Please add the below code in _custom-styles.css(assets/scss/custom/_custom-styles.css) / _custom-styles.css(assets/scss-rtl/custom/_custom-styles.css) .header-notify.show .dropdown-menu { left: -180px !important; } .profile-dropdown.show .dropdown-menu{ left: -140px !important; } .countryscroll .ps__thumb-y{ right:12px !important; } /*---- IE11 Support ----*/ *::-ms-backdrop, .img-height{ height:100%; } *::-ms-backdrop, .img-height1{ height:333px; } *::-ms-backdrop, .social-profile-buttons li{ float:none; display:inline-block; } *::-ms-backdrop, .social-profile-buttons ul{ margin-bottom:0; } *::-ms-backdrop, .btn-icon.btn-svg .svg-icon{ height:16px; } *::-ms-backdrop, .price-svg .price-title{ top:0 !important; } *::-ms-backdrop, .price-svg svg{ height:65px !important; } *::-ms-backdrop, .item7-card-img { height:100%; } *::-ms-backdrop, .main-content{ height:100%; } *::-ms-backdrop, .page-single, .page-single-content{ display:inline-block !important; } *::-ms-backdrop, .page, .page-content{ display:-ms-flexbox !important; } *::-ms-backdrop, .h-100vh .page{ height:100% !important; } *::-ms-backdrop, .page-style1{ background-position: center; background-size: cover; background-attachment: fixed; } *::-ms-backdrop, .app-sidebar-help{ display:none; } Step2: What every changes you have done in _custom-styles.css by running gulp skin command the changes is generated in css. If you don't have know about gulp Please check the gulp tutorials, for template gulp task commands please chcek the documentation folder. Method2: There is another method the change you had done is scss file please update the same thing in css file then only you will get the output. Note:If you had change in scss file and not in css then you won't get Output.