Theme problem when resizing browser

  • Hi,

    I have a weird problem with wordpress. I copied the twentythirteen theme, and modified the structure to meet our design requirements.

    The only problem is when I resize the browser, the layout get cut off at half. Might be responsive? Check the image if that doesn’t make sense..

    Image

    I tried removing the meta viewport tag, with no luck at all!

    What can cause this?

    Thanks.

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

  • a screenshot is of very limited use when troubleshooting formatting problems; please post a live link.

    Thread Starter irkevin

    (@irkevin)

    Hi, thanks for replying.. link below

    Link

    the fixed width in this style seems to be causing (at least part of) the problem:

    #main {
    width: 1170px;
    margin: 0 auto;
    padding-top: 40px;
}

    Just as alchymyth has stated the fixed width is what is causing you an issue.

    Change it to something like this for a more fluid site:

    #main {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

    and add this to your #content div

    #content { max-width:65%; margin: 0 auto; }

    You’ll need to set your images to be responsive as well, to adjust correctly to the fluid container

    Thread Starter irkevin

    (@irkevin)

    Hi, i tried the solution mentioned, i was testing this locally.. But the problem still persist in the header and footer part of the website..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Theme problem when resizing browser’ is closed to new replies.