How can I adjust the product title size in the stiletto theme for mobile?

[missjewellee]

Hi wonderful community,

I just got the stiletto theme, and the product title heading size is very small on mobile (desktop is in proportion).

Where would I look to change this in theme file? Or does anyone have some code to add I can play around with the sizing? For mobile only.

www.glowmumma.co.nz

password glow123

TIA

[Dan-From-Ryviu]

Hi @missjewellee

Go to Online store > Themes > Edit code > open theme.liquid file, add this code below after element

[suyash1]

@missjewellee - please add this css to the very end of your theme.css file and check

@media screen and (max-width:749px){
.product__title{font-size: 24px;   line-height: 32px;}
}

[ZenoPageBuilder]

Hello @missjewellee

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

@media (max-width: 959px) {
    .product__title {
        font-size: 24px !important;
    }
}

The result

Hope that helps!

[niraj_patel]

Hello @missjewellee

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ h1.product__title.ff-heading.fs-heading-4-base.fs-heading-3-base-ns { font-size: 33px !important; } }

• Was my reply helpful? Click Like to let me know!
  - Was your question answered? Mark it as an Accepted Solution.

[missjewellee]

Thank you so much I ended up using your code

would you know if it is possible to centre the product options for everything above the buttons? (Product title, price, quantity selector) If possible with this theme? Thanks a bunch!