Remove white space between image and Menu Bar

Hello,

I have been trying to close the white gap between the Home Page DEMO (Featured Posts) and the Menu bar without success.

I have tried the below CSS Code but it does only work to increase the margin but not to decrease it with a (-) minus figure (eg: -25px)

.home.page:not(.page-template-template-homepage) .site-header {
margin-bottom: 0px! important;

Could you also please help reducing the Menu Bar size?

Tahnk you so much in advance!

Hi,

Please share your site URL here.

Regards,

Hi Awan,
Thank you for your quick reply.
Here’s the URL.
www.discoverypacificislands.com

Thank you so much

Hi,

Sorry for late reply. I’ve just checked the site and looks like you already resolve the issue.

Regards,

Hi Awan,
Thank you for your reply. Indeed I put -30 for the top padding of the row. :slight_smile:

I have now another problem that appeared from nowhere. As you can see below, there is a white space between the right side images and the centered one.
I hace changed the image size to 1200-850px, I have added posts and removed them, I jave cleaned the chaches but nothing works.

Can you please advise?
Thank you very much for your precious help: