On the off chance that one of the child themes was playing a role in this issue, I have created a test site and installed a clean instance of just WordPress 3.2.1 which contains the TwentyEleven parent theme. The results are the same as can be seen in the screenshots from my iPhone below.
Base install, no settings changed:
http://www.sherrydriedger.com/2011/images/2011clean=1.png
Base install, Appearance – Header – Display Text = No
http://www.sherrydriedger.com/2011/images/2011clean=2.png
I would appreciate any help available for fixing this so that I can continue work.
Thank you
Might as well fully document this…
The examples above have the show Header image set to Yes.
Base install, Display Text = Yes; Header image = No
http://www.sherrydriedger.com/2011/images/2011clean=3.png
Base install, Display Text = No; Header image = No
http://www.sherrydriedger.com/2011/images/2011clean=4.png
If there are any other configurations needed to prove this issue out, please advise.
It appears I have found a work around for the above issue on an iPhone. I’ve not tested on other mobile devices, but I am assuming that the work around would be similar.
First, set Display Text = Yes under Appearance – Header
Then, add the following to child theme CSS:
#site-title {
display: none;
}
#site-description {
display: none;
}
This removes the display of the site title and description, but does not cause the menu to break on my iPhone.
To adjust the header image and menu, use @media <device settings> in the child theme CSS.
Not a perfect solution, but it appears to work.
Thanks for posting this. Another possible solution is to remove everything in the child’s style.css
following the line
/* =Responsive Structure
----------------------------------------------- */
up until
/* =Print
----------------------------------------------- */
As suggested in this thread.
Old post, I know. But I just switched my site from wordpress.com to wordpress.org and I’m having the same exact issues.
When I was on wordpress.com, while viewing from a mobile device the menu became a drop-down menu. Which was great. But after importing my site in to wordpress.org, I’m having the same issue as sustainable.
The search bar is on top of the banner image and instead of a nice drop-down menu, all the menu links are stacked on top of each other, taking up half the page.
If anyone has found a way around this, please help me out.