Optimize Site For all Resolutions

  • [email protected]

    (@classadesigngmailcom)


    12 years, 4 months ago

    I am currently developing some wordpress websites and have encountered a problem when the site is viewed in different resolutions.

    The site views absolutely fine on my screen 1366×768 but when I view site on an older ‘square monitors’ the header is cut off and some of the columns realign so content appears below where it should be.

    I have tried to search the internet high and low and cant seem to find any solutions to this, so please any help or direction on this matter would be hugely appreciated.

    here is the link for site

    https://www.heritagebuildingservices.co.uk

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

  • Your header image is a repeating background image and it’s larger than the width of the rest of the site. That’s your problem. Also 990px with is going to cause problems on old square monitors, max would be 980px and that’s pushing it.

    Thread Starter [email protected]

    (@classadesigngmailcom)

    Thanks for your speedy reply Shirazdrum!

    How do I change the px size to a suitable size across whole site?

    What size would you reccomend?

    The header is an imported image from photoshop but from looking at all the setting the image in not repeated just one image!

    Thanks for your help

    Thread Starter [email protected]

    (@classadesigngmailcom)

    The theme used is options by the way just so you know.

    Yes it is a repeating image. This is what you have you CSS file:

    background: rgba(10, 80, 56, 0.9) url(https://108.167.155.56/~heritage/wp-content/uploads/2012/07/header14.png);

    Change that to:

    background: rgba(10, 80, 56, 0.9) url(https://108.167.155.56/~heritage/wp-content/uploads/2012/07/header14.png) top center no-repeat;

    And edit the image to the width of your site: as of right now, the image is 1349px wide.

    Thread Starter [email protected]

    (@classadesigngmailcom)

    Ok which CSS template would I find that coding on?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Optimize Site For all Resolutions’ is closed to new replies.