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