Change Product Title Font Size (MOBILE) Turbo-Portland Theme

Topic summary

Main issue: Changing the product title font size only affects desktop, not mobile, in the Turbo–Portland Shopify theme.

Proposed solution: A helper suggested adding a CSS media query in styles.css to target small screens (max-width 480px) and set the .product_name font size to 24px. A media query applies styles based on screen size; the .product_name selector targets elements with that class.

Outcome: The provided CSS did not work for the original poster and another user, so the mobile font size remains unchanged.

Actions/requests: The helper asked for the store URL to diagnose the issue further. Users requested additional suggestions for a working mobile-specific fix.

Status: Unresolved and ongoing. The code snippet is central to the discussion, but no effective solution has been confirmed yet.

Summarized with AI on February 5. AI used: gpt-5.

Hey,
Can somebody help me changing the font size of my product title on my product page?
If I do changes within the theme, it would only change the size on desktop not on mobile.

I guess, I would have to make changes in the code.

Thanks in advance!

1 Like

@eut1326

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@eut1326

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 480px) {
.product_name {
    font-size: 24px;
}
}

I tried the code and it didn’t work unfortunately.

Hi! I tried this on and it didn’t work. Any other suggestions. I have the correct font size on desktop but I can’t find anything that will change the font size on mobile. Thanks!