Ionic Refresher customise CSS


Is there a way to move the ionic refresher lower below the top point of the start of your <ion-content>? I have an expandable top toolbar, and I need to use fullscreen attribute inside of my <ion-content>, which makes it full screen, and hence pushes the refresher outside of the screen view. I need to somehow displace it by around 50px lower (like top: -50px), but I can’t find the SCSS file/property which is responsible for this functionality.

Any advice will be highly appreciated!


I’ve solved this by customising the ion-content as follows:

this.renderer.setStyle(this.scrollArea._elementRef.nativeElement, ‘top’, “yourValue” + ‘px’);