Twenty Eleven Not Showing up Correctly on Mobile

  • Hi,

    I’m currently using a custom child theme of the Twenty Eleven theme. Everything is fine on all computer browsers, but on mobile browsers the body of the page shifts to the left, which leaves a big blank on the right side of the page (header and footer are fine).

    Here’s an image showing what I mean: https://i.imgur.com/ygsjWJ3.jpg

    What can I do about this? Thanks a lot!

Viewing 4 replies - 1 through 4 (of 4 total)

  • please post a live link to your site.

    do you have any fixed-width elements in your styles, such as images or sliders?

    does the problem also exist if you switch to the default unedited theme Twenty Eleven?

    Thread Starter wpuser9987

    (@wpuser9987)

    Hi alchymyth,

    This does not happen when using the original twenty eleven theme; everything is fine.

    I couldn’t find any fixed-width elements in my CSS.

    Here is a link: creditdove dot com/blog

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What did you change on your Child Theme?

    here is the first fixed width style (and there seem to be lots of them in style.css of the child theme):

    #header{
background-image:url(https://creditdove.com/images/headerBG.png);
background-repeat:repeat-x;
height:138px;
width:994px;
....

    find and replace all those width:????px; styles with some using relative widths in % …..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Eleven Not Showing up Correctly on Mobile’ is closed to new replies.