How can I make the main menu type smaller on Retina theme?

Store Design
1

Hi all. My website at undecidedkind.com (pw: checksound) is using the Retina theme.

I am wanting the top main menu to have smaller type so i am able to fit all of my menu options on one line.

Can anyone help with this?

2

@undecidedkind

Please go to Online store → themes → Edit theme → Assets → theme.scss.liquid and paste this code at the end of this file

.main-nav__tier-1-link, .main-nav__tier-2-link, .main-nav__tier-3-link {
padding: .75rem 10px;
font-size: 13px;
}
3

Welcome to shopify community.

Please add below code in bottom of assets/theme.css file

.main-nav {

margin: 0 0.75rem 0 0;

}

.main-nav__tier-1-link, .main-nav__tier-2-link, .main-nav__tier-3-link {

padding: .75rem 0.5rem;

}

4

This is great! Thank you