How to reduce white space between header image and top margin?

Travelify
1

Hi again. When you go to my website there is a large gap between the top of my logo and the top of the green overlay. What would be the easiest way to eliminate this gap? Can I move the header image into the block that holds the social icons or vice versa and then delete the other block in the code? If so, how would I go about doing that. Thanks for the help! The gap is very ugly aesthetically.

2

Try moving your header image up like this

.header-image {
	margin-top: -80px;
}

You can adjust margin-top to get the results you were looking for.

3

Thanks David. That solved that problem but now the image-header is being placed on top of the social icons so the social icons are no longer clickable. how could i bring the social icons to the the fro]nt or send the header-image to the back?

4

Add this for the same .header-image

position: relative;
z-index: -1;