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

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

Natasha22
Tourist
5 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 !

 

https://freedom-pieces.com/

Reply 1 (1)

LuffyOnePiece
Shopify Partner
650 93 120

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

 

 

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184