[Theme: Twenty Twelve] Removing fit-to-screen functionality

Hi svscherpenseel,

I’m also trying to achieve this. Did you get anywhere with this?

Thanks

Don’t use Twenty Twelve if you don’t want a mobile-compliant theme.

Here is the solution:

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 50px) {

Just change the minimum width to 50px. Only people viewing your website on their Tamagatchis will notice, 😉

It triggers the jquery mobile functions with the @media screen inquiries. Interesting.

I commented this out in the header file of my child theme and it magically worked:

<!--meta name="viewport" content="width=device-width" /-->

Keep in mind, I had developed the twentytwelve child theme with fixed widths so it all magically appears like the desktop site on tablets and phones now that I have commented that out.

Try this, not widely tested though.

1. Copy over the whole block of this section from parent and put into child stylesheet just below @import line as usual.

   @media screen and (min-width: 600px) {
   	/* everything here as is */
   }

2. Change (min-width: 600px) to (min-width: 300px)
3. Inside it, change max-width to just width on .site