Changing font size for Menu on product page

[mel30]

Hi,

Wanted to know how can we change the font size of the Main Menu only on the product page.

I tried using {% for link in linklists.main.links %} and {% if template == “product” %}

It did not work I guess I was doing something wrong.

Is there a different IF condition for changing the size in CSS.

Using a Responsive theme by Out of Sandbox.

Thank you.

[mel30]

Was able to figure it out based on this Question

https://community.shopify.com/c/shopify-design/solved-conditional-statement-in-css-liquid/m-p/39236

[timkuts]

Hello! You can simply add the styles directly to the homepage template. Below are screenshots with instructions: