WordPress.org

Ready to get started?Download WordPress

Forums

My TwentyEleven child theme goes crazy on mobile devices (5 posts)

  1. zuzushii
    Member
    Posted 2 years ago #

    Hello,
    Here is my site: http://www.jaures21.org
    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.

  2. zuzushii
    Member
    Posted 2 years ago #

    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...

    Cheers,
    SWR

  3. 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.

  4. zuzushii
    Member
    Posted 2 years ago #

    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 :

    https://dl.dropbox.com/u/17579542/photo%201.png
    https://dl.dropbox.com/u/17579542/photo%202.png

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    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.
    http://wordpress.org/extend/themes/twentyeleven

Topic Closed

This topic has been closed to new replies.

About this Topic