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

Store Design
1

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,

2

Hi @raider22 ,

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

3

https://www.cortlandline.com/

4

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 on theme.liquid

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

Screenshot 2024-03-23 at 12.46.35 AM.png
Screenshot 2024-03-23 at 12.46.35 AM.png2880×378 118 KB

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

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

5

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.

raider22_0-1711134325867.png
raider22_0-1711134325867.png1235×386 21.4 KB

6

@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 on theme.liquid
7

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