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

[7kingodmsla]

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

my current store

i want my menu to look like this 

example

[7kingodmsla]

@oscprofessional 

[DelightCart]

@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;
}

[7kingodmsla]

@DelightCart 

how to remove the extra between main navigation links @DelightCart 

[7kingodmsla]

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

[LitCommerce]

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.

[LitCommerce]

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.

[7kingodmsla]

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 

[7kingodmsla]

@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.

[7kingodmsla]

@LitCommerce ???