Space between slider and header

This should work:

.carousel {
  position: relative;
  top: -10px;
}

Sorry, donn’t get, you resized your slider size at 1170×300 where?
Using this?
https://www.themesandco.com/snippet/changing-default-image-sizes-customizr/

But you haven’t changed carousel item height line-height ecc:

https://www.themesandco.com/snippet/reduce-height-slider/

Okay I think I can see what to do and was slightly misleading I was sizing the images not the slider itself so I will try that now…

You have to do both, in my opinion, to have a good result.

Okay I keep getting an issue in my functions php where I try to add another one and I then get locked out of my word-press site and get a blank white screen. This was also happening yesterday when I was trying to add another function along with the one that randomizes the images in the slider?

I have overcome the issue and have also used both the sections as you said and now just finalizing the settings – thanks ever so much for this help…..

If I reduce my screen width on my browser window what is making my carousel move away from the and is there a quick fix to prevent this?

These are CSS suggestions, which should go in your stylesheet, not in your functions.php.

This CSS makes the slider stick to the header:

/* make slider stick to header for all screen sizes */
.attachment-slider-full {
    vertical-align: top;
}