How to change navigation menu font size (Prestige theme)

Store Design
1

I can change the body text font size, but when I do that, the navigation menu font size changes accordingly. I want to control these independently – what’s the appropriate CSS code to do so? My site is: https://www.auralumina.com/

2

Please place this code at the end of theme.scss

.Header__MainNav ul.HorizontalList li.HorizontalList__Item  a.Heading {
font-size: 18px;
}
3

Before the last tag? Or after? I tried both and the font size stayed the same.

4

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

5

Thanks it worked, however the file is only theme.css, not theme.scss. Also the account, search, and cart buttons are still a different font size. How do I change those ones? Thanks.

6 
.Header__SecondaryNav ul.HorizontalList li.HorizontalList__Item  a.Heading {
font-size: 18px;
}
7

Hi @auralumina ,

You can edit the code for your theme. Please follow these steps:

  1. From your Shopify admin, go to Online Store > Themes → Select your theme.

  2. Click Actions > Edit code.

  3. Please place this code at the end of the “theme.scss” file.

Style for nav menu on mobile:

.features–heading-normal .SidebarMenu__Nav–primary .Heading {

font-size: 14px;

}

Style for nav menu on desktop:

.Header__MainNav ul.HorizontalList li.HorizontalList__Item a.Heading {

font-size: 14px;

}

Hope this helps.