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

Store Design
, , , ,
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 !

https://freedom-pieces.com/

2

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.

LuffyOnePiece_0-1713887997828.png
LuffyOnePiece_0-1713887997828.png1000×400 10.5 KB

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,
LuffyOnePiece