Lorenza Theme - How to make Product Name text smaller?

Topic summary

A user seeks to reduce the product name text size on mobile devices for their Shopify store using the Lorenza theme.

Proposed Solution:

  • Add custom CSS to the theme files
  • Navigate to: Online Store → Theme → Edit code → Assets → theme.css
  • Insert a media query targeting screens up to 767px width
  • Set .product__title.heading-type-dynamic font-size to 22px

The solution targets mobile viewports specifically while leaving desktop sizing unchanged. Implementation requires basic theme customization access and CSS editing capabilities.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

Hi,

I’m looking to reduce the size of the Product Name text on my product pages, specifically on mobile.

Any help would be appreciated.

https://houseofdakh.com/collections/all-products/products/group-projects-t-shirt-1

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->theme.css

@media(max-width: 767px) {

.product__title.type-heading-dynamic {

    font-size: 22px;

}

}

Hope you find my answer helpful!

Best regards,

Victor | PageFly