I have spent over an hour trying to figure out why the header text is so ginormous on the iPhone 5s and cannot figure it out guys.
The media queries and styling look right to me, yet for whatever reason it’s NOT picking up on the styleed h1 tags for the 5S.
Can you tell me what I am missing? I picked through the code seeking a missing } or something, and can’t fid it. Login, etc credentials below.
Hey Justin,
Are you referring to this text in h1: Hey Friends! We’re Amii & Andy,?
This is what I’m picking up:
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) {
h1 {
font-size: 30px!important;
}
}
Can you give us more details and screenshots if possible.
Best regards,
Nikko
Nikko…maybe the web developer tools in FireFox and Chrome are not efficient? I use those tools to test devices of various options. Let me know if they work for you at all….https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en
At any rate, this is what I am seeing… see links below….
Thank you
Hi!
Can you please your cache or check in icognito mode?
Seems you are seen a cached version of the page
Regards,
Basilis
Hmm, yeah in incognito it appears to be just fine. After a cleared cache all is well. False alarm on my end. Thanks for the help!