All things Shopify and commerce
This is an accepted solution.
what is the screen width of your mobile screen?
if it larger 768px you can use:
@media screen and (min-width: 768px){
.product__title h1 {
font-size: 25px;
}
}
if it larger 990px you can try:
@media screen and (min-width: 990px){
.product__title h1 {
font-size: 25px;
}
}
Hi @NikosBat
yes we can
let try to add custom CSS as:
.product__title h1 {
font-size: 25px;
}
The size you can fill as you want.
This code maybe not exactly work on your theme so it will better to give you solution if you can share me the site url & password (if applicable)
Hello and thanks for your answer, the thing is that if I paste this code in the CSS, then the mobile version Titel gets too big. Is there any other solution only for desktop users?
yes you can limit for desktop screen only by this code:
@media screen and (min-width: 750px){
.product__title h1 {
font-size: 25px;
}
}
Hey there, for some reason if I add this code to my CSS, the mobile view changes too.
This is an accepted solution.
what is the screen width of your mobile screen?
if it larger 768px you can use:
@media screen and (min-width: 768px){
.product__title h1 {
font-size: 25px;
}
}
if it larger 990px you can try:
@media screen and (min-width: 990px){
.product__title h1 {
font-size: 25px;
}
}
Hello, thank you I appreciate it.
Hi @NikosBat
Does it work as expectation?
Yes it works, thank you once again.
Thank you for your confirmation. Let me know if you need any other help.
If it's helpful, don't forget to mark it as acception.
<style>
@media screen and (min-width: 768px){
.product__title h1 {
font-size: 25px;
}
}
</style>
hey @NikosBat try this
Thanks for your answer, this changes nothing for me.
You can adjust the title size by modifying the CSS associated with it. Look for the class or ID in your theme's CSS file and change the font-size property—for example, font-size: 32px;. If you're unsure where to place the code, you can add it in Online Store > Themes > Edit Code > Assets > theme.css or similar, depending on your theme.
Hello thank you very much I appreciate it.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025