Unable to disable mobile theme for Twenty Eleven
-
On the iPhone and iPad I want visitors to see exactly what a PC user sees.
I’ve disabled the setting in Appearance>Extras, and disabled Onswipe under Appearance>iPad. I’ve cleared the caches and cookies on my iPhone and iPad and it still shows the mobile theme. The documentation suggests that there would be a “View Full Site” option at the bottom of the mobile theme on the device to disable it but it doesn’t appear on my site at http://informationworkshop.org. I searched through the forums and think I set everything properly. Thanks.
The blog I need help with is: (visible only to logged in users)
-
I’m thinking you may be able to get help here > http://ios.forums.wordpress.org/forum/how-to-and-troubleshooting
-
Thanks, I went through all that and found nothing that applied.
When you visit the New York Times, or even WordPress.com, it displays on my iPhone and iPad exactly the same way as it does on my computer. I simply want my site to do the same.
I may have misstated the problem. What’s really happening on the iPhone and iPad is the same effect as when I view the site on my iMac or Windows 7 PC and I make the browser window very narrow.
When Safari Mobile lands on any site, it presumably discovers what the site’s natural width is, and makes sure it renders the full page, full screen. I know the various PC browsers are detecting the page’s width because I see the scrollbars at the bottom kick in when the browser’s window is progressively narrowed.
I temporarily removed my custom CSS but it made no difference, except that my little tweaks to the appearance were gone. I put the custom CSS back.
I just called several friends who have never visited the site and they’re getting the same results on their iPhones as I do on my iPhone and iPad.
It’s essential that the sites render just like WordPress.com does on the iPhone and iPad. Thanks so much for any help! I really do appreciate it.
-
You will have to contact Staff. Here’s the link http://en.support.wordpress.com/contact/ After you use the searchbox, under the search results, at the bottom of the page there will be a section that says “Have you found the answer to your question?” You can choose either “Yes I found the answer to my question.” or “No I didn’t find the answer to my question and I would like to contact support for help.” The no option will reveal the contact form.
-
Twenty-eleven is a flexible width theme so will always change sizes depending on the viewers screen size. I thought something was wrong when I first saw it doing that after I switched and found out that is the way the theme is made. If you don’t want it to do that, you probably have to switch themes.
-
I have been dealing with this same exact issue Mark (and still haven’t found a solution). Does anyone know if there is a way to manually edit the Twenty Eleven theme to display full page view properly on iOS and other mobile device browsers?
-
Learn CSS if you do not know it, buy the custom design upgrade and then turn the theme into a fixed width theme.
-
Well, it’s encouraging to know that it might be possible. However, in spite of knowing CSS and having the custom design upgrade, which I do, it’s another thing to try and figure out how the Twenty Eleven’s CSS is structured and functions. It’s like working in the dark and having to take shots in the dark and experiment to see what works and what doesn’t.
I have CSSEdit, and I’ve used it’s X-Ray feature to click on things to get clues as to what CSS to modify, and I’ve successfully set the page width to be fixed. But while it works on my computer, it messes things up in another way on the iPhone and iPad suggesting there’s more going on elsewhere, or I just don’t know what I’m doing.
In another discussion in the support area I’ve let them know that this is a design error, and macsmanx was nice enough to look into it and said that the Twenty Eleven and Quintus are the only themes with this issue. Changing themes is not a possibility for me unfortunately.
If I or anyone else figures this out, let’s be sure to post the answer here. The CSS I used to fix the width of the page (on the computer where it’s not needed) was the following… (it’s probably affecting the wrong thing, or incomplete in scope).
#page {
width: 1000px;
} -
Here goes a topic I came across that may be useful. Some helpful users actually posted the CSS that needs to be changed for page width (as well as removing the search bar). I plan on trying this when I finish work this weekend. If you get around to testing this before I do, could you post whether or not it works for you. Thanks.
https://en.forums.wordpress.com/topic/twenty-eleven-css?replies=16
-
Thanks for that! The CSS that they posted in that link is an improvement (on the iPhone and iPad) over just setting the page width as shown above. But the second column is still missing and gets rearranged to appear at the bottom of the screen on the iPhone and iPad as you can see on my site: http://informationworkshop.org — Getting closer!
#page {
clear:both;
max-width:none!important;
overflow:hidden;
width:1000px!important;
padding:0;
}#primary {
overflow:hidden;
}.entry-content {
width:100%;
clear:both;
overflow:hidden;
}.alignright {
float:right;
}.alignleft {
float:left;
} -
<meta name=”viewport” content=”width=device-width” /> in the header determines this. Remove it from your header.
-
-
BTW I’m not seeing any mobile theme with your blog on my mobile. It’s genuine full site with an admin bar.
-
@newmexiken You are AMAZING! That was the exact problem tag that needed to be removed. Thank you so much for your help.
-
If that worked for you then you are self-hosted and really need to move all your inquiries over to http://wordpress.ORG/support/ as that is where self-hosted wordpress sites are supported. We can’t edit themes here so the fact that someone posted a solution here was a fluke.
-
[FWIW, somewhat off-topic: I have posted custom CSS for mobile devices. My primary CSS is, I think, *somewhat* responsive, and flexible, for mobile devices: e.g., using ems for fonts and flexible layouts for grid elements. But I see all this as *my* responsibility.]
For *quite some time* I have specified that mobile themes are not to be displayed. Yet, I find on my iPad2 (iOS5) that a mobile theme is still enforced upon initial display of the blog. This is not, strictly, “truth in advertising” on the part of WordPress.com, I think. What gives?
- The topic ‘Unable to disable mobile theme for Twenty Eleven’ is closed to new replies.
WordPress.com Forums 