Resizing of title on iPhone

[NiO]

Hi Swiftideas,

I just noticed that the title in a hero header resizes nicely to it the display width on iPhone. The title in a standard header however doesn’t. Is there a reason for that?

Thanks,

Johan

[David Martin – Support]

Hi Johan,

Could I take a look at the page you reference? If you can add a URL that would great 🙂

Thanks,
David.

[NiO]

Hi David,

When you go to the home page at http://nio.photography and resize the screen (or go to iPhone) you will see that the font nicely resizes and adjusts to the screen width.

When you go to this page: http://nio.photography/fall-colours-and-fresh-snow-at-lake-sils/ (just a post) you will see it doesn’t.

What I found is that when you use a hero Page Title Style, the resizing works. When using the standard Page Title Style it doesn’t.

As far as I know I did not include any custom css that overrules resizing mechanisms.

Cheers,

Johan

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

@media only screen and (max-width: 768px) { 
.page-heading h1 {
  font-size: 2em;
}
}

– Kyle

[NiO]

Thanks for this Kyle. Will be using hero titles instead now, because my “issue” with them is fixed.

[Kyle – SUPPORT]

Ok great 🙂