Compatibility Issue With iOS

  • Author
    Posts
  • #3263344

    aegeusmann
    Member

    Neither Safari nor Chrome on iPhones requests desktop site of my website properly while there is no matter with them on Android phones.
    How can I solve this problem?

    By the way, is it possible to force both iOS and Android mobile browsers to load my website always in its desktop version directly?

    The blog I need help with is aegeusmann.com.

    #3263706

    bsanevans
    Staff

    Hi @aegeusmann ,

    I just checked your site on an iPhone using Chrome. I didn’t have a problem loading the desktop site. I did notice, though, that the header and other text on your front page was distorted a little. Perhaps that is what you are enquiring about?

    There are two things I can suggest.

    Firstly, your site seems to be using the Intergalactic theme. This is a retired theme and has now been replaced by Intergalactic 2. You may want to consider updating your theme.

    Secondly, I also believe you are using custom CSS on your site. I think the main reason your site doesn’t display properly on some devices is due to the CSS you have added. You could add media queries to your CSS to enable a more responsive design, or delete some of the custom CSS, as the theme by default has many features built in to allow for a responsive design.
    Using Media Queries with Custom CSS

    You could comment back here letting us know how you want to proceed and I would be happy to help. At the same time, I will point out, since you have a paid plan with WordPress.com, you have access to live-chat support with staff members. You can start a session with them from the link below and they will be more than happy to help you out in realtime.
    https://wordpress.com/help/contact

    All the best!

    #3264121

    supernovia
    Staff

    Thanks @musicsuzuranbbc

    @aegeusmann I haven’t used an iPhone for a few years now, but I don’t recall it always showing a desktop version option. I did find this, though:
    https://www.macrumors.com/how-to/view-desktop-website-on-mobile-safari/

    Does that work?

    As for forcing desktop display, if you want to, you can go through your theme’s CSS, find everything that has “@media screen and (min-width: 480px)” and override those styles with the ones from wider widths.

    I think that would be tedious, though, so if you do decide to do that, I’d recommend switching to a non-retired theme first.

    Also, I’m curious: why would you want your site to display the desktop version on a small screen? If the mobile view is giving you issues, perhaps it’d be easier to address those problems instead.

The topic ‘Compatibility Issue With iOS’ is closed to new replies.