Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 19, 2020 at 12:25 am #1231493
    Byrne

    Hi There,
    I have been testing my website on various browsers, it looks good on all browsers in Desktop and in mobile Firefox and Safari. But when viewing the website on my mobile (iphone 7) in Chrome the font sizes and line heights look terrible.

    Is it possible to use custom css for mobile Chrome only, such as H1, H2 and body.

    Cheers Jane

    July 20, 2020 at 8:28 am #1231645
    Rikard

    Hi Jane,

    I had a look at your site in Iphone simulation on Chrome, but I couldn’t see anything like what you are describing. Could you post a screenshot of the problem please?

    If you want to target Chrome on mobile then you can use CSS like this:

    @media only screen and (max-width: 767px) {
.avia-chrome {
  Your CSS goes here
}
}

    Best regards,
    Rikard

    July 20, 2020 at 11:08 pm #1231881
    Byrne

    Thanks for your help. When I tested it on another phone it looked fine, then I realised that I had made the text size on my phone larger. Sorry all sorted.

    July 20, 2020 at 11:55 pm #1231893
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.