2012 theme is displaying MOBILE on laptops, desktops, and ipads

  • Resolved gcgrann

    (@gcgrann)


    10 years, 5 months ago

    I am getting complaints from longtime users concerning the fact that the 2012 theme is displaying MOBILE on their laptops and desktops. It is horrible to view, difficult to read, and I am losing visits as a result of this.

    It is happening intermittently. I see a perfectly formatted theme on my laptop (both Chrome and Mozilla are displaying correctly). I log in on my second laptop and it is showing just the mobile display.

    It is HORRIBLE and I don’t know how to fix it.

    Please help me.

    I have turned off Mobile in Jetpack. I thought that did the trick. It didn’t.

Viewing 2 replies - 1 through 2 (of 2 total)

  • If you are using a Child Theme, here is some of what I have in the section for media queries:

    /* Minimum width of 600 pixels plus max-width: 960px;) */
@media screen and (min-width: 601px) {
	.site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; }
	.site-content { float: left; width: 71%; }
	body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; }
	.menu-toggle { display: none; } /* hide Menu button */
}
/* Minimum width of 960 pixels plus max-width: 1024px; cut-off for 1280 and wider screens */
@media screen and (min-width: 961px) {
	body .site { max-width: 1024px; max-width: 73.142857142rem; }
	.menu-toggle { display: none; } /* hide Menu button */
}

    It has been quite a while since I worked on this, and not all browsers act the same way. But as I recall, setting the above parameters and adding the line to hide the Menu button took care of my problem.

    Thread Starter gcgrann

    (@gcgrann)

    Thank you very much for replying. I am not using a child theme, just the regular theme. However, I can use the code you indicate above to add to a child theme.

    In the meantime I seem to have fixed the problem. I run the blog on Google PageSpeed in addition to my server.

    1 – I turned off MOBILE in the Jetpack plugin. That was what was screwing everything up.

    2 – I cleared my W3 Total Cache plugin cache (everything).

    3 – I disabled the PageSpeed rewriters, flushed the PageSpeed cache then re-enabled the rewriters.

    That seems to have taken care of the problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2012 theme is displaying MOBILE on laptops, desktops, and ipads’ is closed to new replies.