Support » Themes and Templates » My TwentyEleven child theme goes crazy on mobile devices

  • Hello,
    Here is my site:
    I am completely new to WP theme customization. I wanted to stray from the TwentyEleven template and I specifically wanted a header and footer that spans the entire width of the page.

    As soon as I started tinkering with the 2011 widths, the responsive part of 2011 went crazy so I decided to delete the media queries but continue working with percentages. I moved the header and the footer OUT of the main page div and achieved what i wanted in desktop browsers (ie full width) but on mobile (eg iphone, ipad) the header and the footer have a huge right margin. Where is this coming from? In any case, it freaks me out.

    Any help would be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey there,
    Since no one responded, I think my site was still picking up the media-queries from the 2011 parent theme; so I deleted them in the parent theme CSS. I’m not sure if altering the parent CSS will cause problems in the future…


    Moderator Jan Dembowski


    Brute Squad and Volunteer Moderator

    so I deleted them in the parent theme CSS

    You really don’t want to do that. When an update comes out you’ll lose your changes.

    If you know the CSS (I’m not too CSS savvy myself) then fix it in the child theme. Or don’t import any CSS from the parent theme and fix it there.

    Okay Jan, I did not mess around with the parent CSS (even though its bloody hyperlink color keeps popping up in unexpected places). I am stuck; I am adding “width: 100%” and “margin: 0” everywhere and I am still getting this weird cut off on mobile devices (again, the problem is in the header and footer that is outside of the main / page divs.

    Here is an iPad screenshot :



    Forum Moderator

    Start by re-uploading a fresh, unpacked, copy of the Twenty Eleven folder to wp-content/themes using FTP or whatever file management application your host provides.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘My TwentyEleven child theme goes crazy on mobile devices’ is closed to new replies.