Navigation
Archive / Mobile preview works, but phone loads desktop version of site
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 15, 2017 at 9:08 am #1372024
    popehector
    Participant

    Hello,

    If I resize my browser, the page will resize and work properly, but when I view the site from my phone, it is showing the desktop version. I tried updating the x theme and cornerstone, I made sure that the meta viewport tag was on the page, I disabled all other plugins, and I’ve removed any custom css. Still can’t get it to switch. Can you take a look?

    http://ball.room.dance

    Thank you,
    Hector

    February 15, 2017 at 11:27 am #1372216
    Nabeel A
    Moderator

    Hi Hector,

    Thanks for writing in! Your site look broken, could be due to a plugin conflict. Try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Let us know how this goes!

    February 15, 2017 at 11:35 am #1372231
    popehector
    Participant

    I have deactivated all plugins except for cornerstone. The only other plugin I have is contact form 7. This did not resolve the issue.

    February 15, 2017 at 3:20 pm #1372489
    Jade
    Moderator

    Hi Hector,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    February 15, 2017 at 3:42 pm #1372521
    popehector
    Participant
    This reply has been marked as private.
    February 16, 2017 at 12:58 am #1373122
    Rad
    Moderator

    Hi there,

    It’s because you use frameset to display your site (eg. displaying http://room.dance within http://ball.room.dance/). It only responds to the device’s viewport and not to frameset viewports. You should use redirect instead of embedding a site to another site.

    If you wish your frameset to be responsive, then you should add this line to your frameset’s head

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

    Example,

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
  <title>Ballroom Dance Lessons Tampa </title>
  <META name="description" content="Book a dance lesson in less than a minute!"><META name="keywords" content="Ballroom, Dance, Tampa, Lesson, Private, Wedding, Ballroom Dance, Latin, Salsa, Swing, Salsa Dancing, Tampa Bay, Dance Lessons">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<frameset rows="100%,*" border="0">
  <frame src="http://ROOM.DANCE" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

<!-- pageok -->
<!-- 10 -->
<!-- -->
</html>

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1372024 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>