CSS changes are not applied immediately - please help


to lower the head should change color, but the change is not seen, if I open the menu only then change can be seen


add !important and check if
this will work


as usual, the change applies only if the menu opens

    <ion-header-bar class="thediv" ng-class="{scrolling: isActive}">
     <ion-nav-bar class="bar-clear "  >


if ($ionicScrollDelegate.$getByHandle('contentScroll').getScrollPosition().top > 100) {       
     $scope.isActive = true;
} else {
    $scope.isActive = false;


  background-color: red !important;


Would you be able to make a codepen? It would help find the issue much faster.