What CSS code changes the navigation font size in Pipeline theme?

[raider22]

Hi Everyone, 

I am trying to change the main navigation font size at the top for the Pipeline theme. What is the CSS code? 

Thanks, 

[BrewBrains]

Hi @raider22 ,

Could you please share your store URL, so that I can take a closer look at it?

[raider22]

https://www.cortlandline.com/

[BrewBrains]

Hi @raider22 ,

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
   2. Open your theme.liquid file
2. Paste the below code before </body> on theme.liquid

<style>
a.navlink.navlink--toplevel span, a.navlink span {
    font-size: 0.8rem !important;
}
</style>

I have slightly increased the font size. See screenshot for reference. If you want to change the size change the value 0.8rem. 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

[raider22]

Thanks for the response. It did change the size. However, it seems a bit odd around the s. I provided an image of what it looked like before we had to make the theme update. 

[BrewBrains]

@raider22 Can you try below code? Replace previous with the below code. 

Follow the step.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
   2. Open your theme.liquid file
2. Paste the below code before </body> on theme.liquid

<style>
a.navlink.navlink--toplevel span, a.navlink   span {
    font-size: 0.8rem !important;
    font-weight:300 !important;
}

.menu__item a.navlink.navlink--toplevel span:hover, a.navlink.navlink--child span.navtext{
    font-weight: 600 !important;
}

</style>

[raider22]

Thanks! I made some slight modifications, but it worked!