Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 15, 2015 at 5:52 pm #380199
    antosi

    Hi

    The responsive design seems not to work properly with an iPhone 4S as you can see on this screenshot:
    iPhone 4S

    Whereas everything looks fine with an iPhone 6:
    iPhone 6

    Does someone know how to fix that issue?

    • This topic was modified 9 years, 11 months ago by antosi.
    January 16, 2015 at 7:38 am #380606
    Ismael

    Hi antosi!

    Thank you for using Enfold.

    The iPhone 4S uses a pretty old version of safari which is 5.1. Have you tried checking the site on Chrome?

    Best regards,
    Ismael

    January 16, 2015 at 11:45 am #380706
    antosi

    Its the same with chrome:
    Chrome

    I think there is something wrong with detecting the viewport – where do I find the CSS code for that?

    • This reply was modified 9 years, 11 months ago by antosi.
    January 16, 2015 at 4:23 pm #380820
    Yigit

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
font-size: 36px!important;
}}

    Best regards,
    Yigit

    January 20, 2015 at 11:55 pm #382788
    antosi

    Thank you, that worked so far!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Responsive Issue with iPhone 4S’ is closed to new replies.