reduce padding between menu and Hero image

Hi Earinderm

You can change this with some custom CSS. Please note that due to how your theme is setup, the only way to do this is to remove the shadow on the masthead – sorry mate. :( If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following CSS.

This CSS will remove the shadow for all pages:

#headernav {
	box-shadow: none !important;
	border: none !important;
}

#getnoticed-featured-area {
	display: none;
}

.posttitle-hide {
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
}

.entry-content {
	margin-top: 0 !important;
}

This CSS will remove the shadow for just the About page:

.page-id-550 #headernav {
	box-shadow: none !important;
	border: none !important;
}

.page-id-550 #getnoticed-featured-area {
	display: none;
}

.page-id-550 .posttitle-hide {
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
}

.page-id-550 .entry-content {
	margin-top: 0 !important;
}

You might also need to install the SiteOrigin CSS Editor.