WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm using WP Twenty Twelve theme for my blog: Glory and Honor and have followed the Replace #site-title with resizable image in Twenty Twelve Post to fix my logo not displaying when visiting via my mobile. (This is my first isssue)

I've been struggling with having my blog layout and site-logo display properly on my iPhone and iPad. The @media CSS (from the posting I have been following) disappears my site-logo altogether.

Also, I have been working on the CSS for the actual site-logo but noticed that when I remove the margins from the site-logo CSS, the logo does display on my mobile and the layout looks fine. The problem is, I do need the margins because the logo displays exactly how I want it to - centered in the header - for the desktop version.

Another issue is the sign up form, search form, and shop image-button/ link I have added. They float all over the place on the desktop site (when resizing the browser) and when visiting the site via my mobile.

I absolutely would like to keep the site responsive.

share|improve this question
Hi CG, CSS questions are usually considered off-topic here, wordpress.stackexchange.com/help – Wyck Oct 1 '13 at 5:52

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.