How can I remove the small space in my mobile menu on Debut theme?

[Ulysse1300]

Hey,

I would like to know how can I remove the little space on my menu when I am on a mobile, I couldn’t find where I made the mistake in recent code ?

Thanks

Link : https://relentless-clothingz.myshopify.com

[JHKCreate]

Hi @Ulysse1300

Can you visually share the issue you have here?

[Ulysse1300]

As you can see, my menu is shifted down and not centered.

[JHKCreate]

So the “Shop”, “About”, etc.. need to be centered and go over the “Free Shipping” ?

[Ulysse1300]

I might not be clear enough, I am sorry. On the red arrow there is a gap too big, and on the blue arrow there is no gap. Normally the gap is equal at the top and bottom.

[JHKCreate]

Alright clear, let’s try it:

@media only screen and (max-width: 749px)
{
nav.mobile-nav-wrapper.medium-up--hide.critical-hidden.js-menu--is-open {
    margin-top: -10px;
}
}

Let me know if that works!

[Ulysse1300]

Works perfectly thanks for the help.