Overlay not covering full screen

[numanjvd82]

I have an overlay on my background image which doesn't cover the full screen

CSS code for the overlay

body::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 120px 100px 250px #000000;
  box-shadow: inset 120px 100px 250px #000000;
}

[BOLT04]

Could you provide an image @numanjvd82, and perhaps some CSS code where you create that overlay?

[numanjvd82]

yeah sure let me do that

[numanjvd82]

[eddiejaoude]

I am going to move this to the question, so that it is clearer for future people who might have a similar issue

[BOLT04]

Hi @numanjvd82, try changing position: absolute to position: fixed. You can check out more about the solution here: https://stackoverflow.com/questions/4648418/css-how-to-get-this-overlay-to-extend-100-with-scrolling

[numanjvd82]

I did that it worked ty for that