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 have created a child theme for Twenty-Thirteen and somewhere while editing it I broke the mobile menu slider as it no longer pushes the content down and instead displays behind the content. I've changed the CSS in someway to cause this issue but I cannot find what has caused it. I am hoping that the cause will be more apparent to someone more familiar with CSS than I.

To view this issue you must resize your browser to width of less than 700px or so and click the menu button revealing the slider menu and the content overlap issue. Note how the H1 tag "Quad Cities, Chicago, Des Moines Photographer Brian Barkley" is over top menu.

Here is a link to the site: http://barkleyphoto.com/_wedding/ and here's a copy of the stock twenty thirteen to help compare http://twentythirteendemo.wordpress.com/

Here's an image to see for yourself what I am speaking of. enter image description here

share|improve this question
up vote 0 down vote accepted

You've got a static height set on a block-level element:


 * 4.1 Site Header
 * ----------------------------------------------------------------------------

.site-header {
    position: relative;
    background: url(http://barkleyphoto.com/_wedding/wp-content/uploads/2014/05/cropped-header-background.jpg) no-repeat scroll top);
    height: 100px;

remove the height: 100px; and it should work like you expect.

share|improve this answer
Thanks so much man! – user2725919 May 21 '14 at 2:39

Your Answer


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

Not the answer you're looking for? Browse other questions tagged or ask your own question.