how to reduce padding in mobile navigation menu - brooklyn theme ?

this is my current store menu , i want to remove padding between navigation links , also i want to change background color from gray to black thank you

store url is

https://7kingdomsbar.myshopify.com/

password godgod24

i want my menu to look like this

@oscprofessional

@7kingodmsla Go to assetes/timber.scss.css and paste below css at bottom of file.

.mobile-nav__item a, .mobile-nav__toggle button
{
padding: 0px 15px  0px 15px !important;
}

@DelightCart

how to remove the extra between main navigation links @DelightCart

@DelightCart how can i increase the text size of menu not bottom links

Hi @7kingodmsla ,

Please add code:

.mobile-nav__item:not(.mobile-nav__item--secondary) a {
    font-size: 25px !important;
}

You can change the size to your liking.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

Hi @7kingodmsla ,

I checked and you changed it successfully?

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

hello this has changed the size of font , i still would like to reduce the space between the main navigation links , i want no space , how can i achieve this ? @LitCommerce

@LitCommerce please refer to first image

@LitCommerce ???

Hi @7kingodmsla ,

Please add code:

.mobile-nav__item:not(.mobile-nav__item--secondary) a {
    line-height: normal !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.