Hi,
That should be automatic. The Mobile Theme pulls from your site like any other theme, so the image should match up. Checking on your site now, it looks like the mobile theme is disabled (instead using Twenty Fourteen’s native mobile responsive view).
Cheers!
Thanks for the reply.
I have been turning off the plugins one by one this morning to try to isolate the issue.
I activated the Mobile Theme again and posted a new story. The new story featured image is the first image and the headline is from the 2nd story.
See this link
Hi,
That screenshot looks like Twenty Fourteen, not Jetpack’s mobile theme (which would look like this: https://cloudup.com/cpFgLb37bIV ).
All of the right elements are present, but it looks like the custom styling has shifted the elements about to hide the title of the correct post. See here that the title of the first post is present, but hidden below the header: https://cloudup.com/c4lC4-XtCWo
I’m marking this resolved since it is not a Jetpack issue.
Sorry, I don’t get the resolution.
What custom code is intruding on the mobile front page?
I use the Jetpack Custom CSS but marked it Mobile-compatible: No Edit
What is stopping the blog from seeing the mobile theme?
Your site isn’t using Jetpack’s Mobile Theme (it is deactivated via the Jetpack->Settings page, which is the default setting). The Custom CSS setting is to apply the CSS changes to the Jetpack mobile theme.
The mobile view you’re seeing is the Twenty Fourteen’s regular view for smaller screen sizes, plus your custom CSS.
I marked it as resolved since the Jetpack Mobile Theme isn’t active and customization support isn’t something we’re able to support (it becomes a slippery slope).
In your case, it looks like the `.site-content .has-post-thumbnail .entry-header {
margin-top: -80px;
}`
is pushing things around enough to cause what you’re seeing. Possibly using media queries may be a good way of keeping the changes you want for the full-width view while changing it up on mobile.
More on media queries: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
Cheers.
Thanks again for the reply.
Actually Jetpack Mobile has been active, except for the brief period this morning when I tried deactivating all the plugins to see if one was causing the conflict.
It seems obvious that the Jetpack Mobile theme is not being seen as the page is created but why?
There are two related Jetpack modules active – Mobile and Jetpack Mobile Theme Featured images.
I appreciate your reluctance to support custom code but I am not asking for that support. I just need to figure out why the Jetpack Mobile plugin is being ignored.
Ah, I’m on the same page now.
Are you using a caching plugin or having server-side caching enabled? If so, that is the most likely cause in my opinion.
Does it still fail if you deactivate all other plugins except for Jetpack (the Jetpack Featured Image plugin should be disabled too)?
If it still occurs, if you switch to a non-modified default theme (e.g. Twenty Thirteen), does it still fail?
I’d like to eliminate as many sources of a potential problem as possible.
Are you using a caching plugin or having server-side caching enabled? If so, that is the most likely cause in my opinion.
There is no server side cache. I am using WP Super Cache which has been in place for years. I did try turning caching off but that didn’t make a difference.
Does it still fail if you deactivate all other plugins except for Jetpack (the Jetpack Featured Image plugin should be disabled too)?
It still fails if I disabled all plugins plus every feature of Jetpack then just turn Mobile back on.
If it still occurs, if you switch to a non-modified default theme (e.g. Twenty Thirteen), does it still fail?
I have not modified the default theme which is this case is Twenty Fourteen. I never used Twenty Thirteen.
With WP Super Cache, could you visit Settings->WP Super Cache, and choosing the Advanced tab.
Halfway down or so, in the Advanced section, do you have the “Mobile Device Support” option checked?
Apologies for the second post. Also in WP Super Cache, can you visit the Plugins tab and choose the option for Jetpack support?
Thanks for the two replies. Both settings in WP Super Cache are correct, as they have been for quite awhile
Mobile device support. (External plugin or theme required. See the FAQ for further details.)
Jetpack Mobile Theme Enabled
I’m still curious about WP Super Cache, only because caching has been the only cause for mobile theme failure I’ve seen personally.
In your .htaccess file, does it have the mobile rules per
http://wordpress.org/plugins/wp-super-cache/installation/ ?
When disabling it, did you remove the .htaccess rules per http://wordpress.org/plugins/wp-super-cache/other_notes/ ?
My hypothesis is the cache is causing the issue and simply deactivating wasn’t enough to test that it would work with the cache disabled.
Thanks for your patience.
