How do I make my website adjust with the size of the browser window?

  • Unknown's avatar
    fcanimalshelter · Member ·

    When I adjust the size of my browser window, the website doesn’t adjust to the new size. All the text and images just get jumbled and overlap.

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there,

    As this is a mobile-responsive site, it is designed to adjust to fit the width of the container (screen) it is shown in. I’ve taken a look at your site, and it appears that the custom CSS that has been added is using fixed widths, like in this example:

    ‘width: 740px;’

    Width declarations like the one above that are a fixed amount (pixels) will override the adaptive nature of base theme CSS. That is why certain elements of the site won’t change with the container width, while other elements do.

    You may wish to use percentages (like 70%) instead, which will help in some cases, but with the changes you have made so far to achieve this layout, I recommend auditing your CSS code very carefully to be sure that it is not overriding the responsive styles in the base theme, as a starting point.

    Hope that helps. Please let me know if you have any further questions.

  • The topic ‘How do I make my website adjust with the size of the browser window?’ is closed to new replies.