[Theme: Twenty Twelve] How to force full site in mobile browsers

  • Hi all,

    I’ve spent more than half of my day starring at the CSS of Twenty Twelve and have not been able to figure this out or find an answer via Google (using dozens of different search terms). If anyone has done this before or know what I can do, I would greatly appreciate your help.

    I am trying to make it so that if I visit a private photo voting site that I setup using Twenty Twelve as the theme, that it doesn’t go “mobile” on me when viewing it from an iOS device or Android. I wasn’t aware of this initially and afraid that I don’t have the time to modify another theme to make this work. It totally screws up the formatting of the site. Nothing displays right. It’s just a white background with a “menu” button at the top. All the photos are stretched and voting buttons are all over the place. Is there any way I can force this to be “full size” as to how I see it on a desktop? I’ve been receiving complaints from voters and not certain on how to resolve the issue.

    Thanks for your time

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there any way I can force this to be “full size” as to how I see it on a desktop?

    Yes, but that’ll require manually overriding each mobile style.
    Twenty Twelve was built from the ground-up in Media Queries so that’ll require a lot of overriding. There is no silver bullet.

    Thread Starter starg33ker

    (@starg33ker)

    Thanks Andrew for the quick response! Does that mean it requires a total CSS overhaul?

    I did install a plugin that’ll change the theme depending what device is accessing the site and changed it to Twenty Eleven for small iOS devices. The formatting was a little better but the photos were still stretched (vertical-wise) and I couldn’t disable comments without disabling the current theme to modify the other.

    Right now I just have a disclaimer after you login that says “For best experience, please use a desktop or laptop computer” but would like to find a solution to avoid that all together, especially when the site goes public for People’s Choice and tens of thousands will be voting within a few weeks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide a link to your formatting issue? That may be easier to resolve than a total CSS overhaul.

    how are the voting buttons generated?
    perhaps there’s a plugin for image display which does not support responcive images sizes?

    Also, if you are using images in templates ie: <img src=””> I have found that for me, they do not scale with the window size, but if called vis css, ie: background-image url(“”) they do scale as expected.

    I too am currently working with twenty tweleve, similar issues.
    https://www.davehullthehullabalooer.com/DaveHulltheHullabalooer-Mobile/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: Twenty Twelve] How to force full site in mobile browsers’ is closed to new replies.