How can I reduce spacing between mega menu and logo in header

4 0 1

I need help to reduce the space from my Logo and my mega menu - it's too large and wanted it a little smaller -I have used previous solutions and nothing is working - thank you for helping !

Reply 1 (1)

Shopify Partner
502 75 88

Hi @Natasha22 ,


Add below css in base.css file.

@media screen and (min-width: 990px) {
    .header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
        margin-top: 0 !important;


Note:  The logo image has itself the padding. we can reduce the image height and upload a new logo.




Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!


Best Regards,

Sandeep Pangeni
Need help with your store?
For quick response, Contact In WhatsApp +9779867521184