Reduce height between header image and menu


How do I adjust the reduce the height between the top of the header image and the bottom of the header menu. Ideally I want the top of the image to sit at the bottom of the menu. At the moment there is some scroll before image goes behind menu


Hello there,

Please apply the below CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.

@media only screen and (min-width:992px) {
	.sydney-hero-area {
		margin-top: 119px;



I decided to use Crelly Slider which works however bit of a problem when using it on Project page.

  1. the width of the Projects Page is not the same as a normal page Normal Page

the project page Project Page

As you can see the Crelly Slider on the projects page is not as wide, even though it is the same slider, also notice the gap between slider top and menu bottom. Also is it possible for the slider to be inline with the “H” of the logo, at the moment it is a little short?

Many Thanks