Gateway theme does not work on mobile

  • Unknown's avatar
    thomasevensen · Member ·

    Hi!

    I have a strange case of non-responsiveness.

    My site looks responsive in the customizer and behaves like it should when resizing the browser window – but it does not go responsive when accessed from a mobile browser. We’ve tried with both android and ios on various devices.

    Please advice.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thomasevensen · Member ·

    I’ve done som additional digging and notice that the theme outputs a frameset with only one frame at 100% size. This frame have the

    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

    in it’s header.

    The main page does not. When I insert this line into the header of the main page (via the developer tools), the site become responsive on mobile devices.

    Any guesses as to why this happens and how to fix it?

  • Unknown's avatar
    siobhyb · Member ·

    Hi @thomasevensen,

    I visited paadriv.no on my Nexus 6 and it adapted correctly to the size of my screen. Can you confirm that that’s the site you’re experiencing trouble with? In addition, do the devices you tested on share any software or apps that may be preventing the theme’s CSS from loading correctly?

  • Unknown's avatar
    thomasevensen · Member ·

    Hi @siobhyb

    Som more digging shows that the site fails when accessing through http://www.pådriv.no, but works when accessed through http://www.paadriv.no.

    This is weird, but i guess it got something to do with the scandinavian “å” character.

  • kathrynwp · Staff ·

    that the site fails when accessing through http://www.pådriv.no

    This is because that domain is using a framed (masked) redirect, which creates an HTML frame around the site. You can see this by viewing the browser source when visiting that URL:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
<HTML>
<FRAMESET ROWS="100%,*" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0>
  <FRAME MARGINWIDTH=10 MARGINHEIGHT=10 SRC="http://www.paadriv.no/" NAME="_main">
</FRAMESET>
<NOFRAMES>
<BODY>
The document is located <A HREF="http://www.paadriv.no/">here</A>.
</BODY>
</NOFRAMES>
</HTML>

    This code prevents the site from displaying correctly under certain circumstances.

    You have two options:

    1. Map the domain to your WordPress.com site: https://en.support.wordpress.com/map-existing-domain/

    OR

    2. Remove the masking/framing option from your domain forwarding and make it an unmasked/unframed redirect instead.

    Let me know how it goes.

  • The topic ‘Gateway theme does not work on mobile’ is closed to new replies.