Gap between mobile menu and navigation header

My menu on the mobile site opens with a small but noticeable gap between it and the nav, how can I get rid of this?

See https://projects.website.mashtrust.org.nz/

Cheers,
Makho

Hi Makho,

Here is the CSS code to adjust the gap between button menu and menu items:

@media only screen and (max-width: 768px){
  #mainnav-mobi {
    top: 15px !important;
  }
}

Regards,
Awan

Hi Awan,

Sorry but this code didn’t work.

Is there any other code i can use?

Hi,

I noticed that there is duplicate code on your site: http://prntscr.com/iln5bs
Please check your custom CSS box and use one code instead.

Also, please try to adjust the top value from the code to reduce the gap.

Regards,
Awan

Ohh yes, I see my mistake. Thank you so much for your support!
Cheers

1 Like