Decrease spacing in menu header

The spacing in the sub-menu under the menu section is very high is there a way to decrease so i can add more sub-menu headings. The sub-menu should look like the image on right . Any idea or assistance would be helpful.

Hey @Anonymous

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

2 Likes

Please go to your Online store > Themes > Edit code > Assets > base.css, add this code at the bottom

.header__mega_sub_menu_item { padding: 6px 0 !important; }

@Anonymous Can you please send me store URL?

Is there any way to reduce tis space??