Problems viewing blog in different screen resolutions

• 

  maepearl · Member · Mar 18, 2011 at 9:53 am

  • Copy link
  • Add topic to favorites

  I changed the background in the Koi theme to one I created myself. I viewed it on a few computers that had different screen resolutions and all was good but when one friend had a look at it she said the text was overlapping the image. I’m not sure what her resolution settings are though but I had the same sort of view when I looked at my blog using my iPad.

  Is there any way that I can add to the CSS so that it can look somewhat the same for all screen resolutions?

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

• 

  timethief · Member · Mar 18, 2011 at 6:54 pm

  • Copy link

  This isn’t a CSS solution. Have you considered simply setting the blog to display a mobile theme when viewed by mobile? > Appearance > Themes
  __Display a mobile theme when this blog is viewed with a mobile browser
  Update Extras

• 

  thesacredpath · Member · Mar 18, 2011 at 7:14 pm

  • Copy link

  We need a link to the blog you are talking about. The one linked to your username is using twenty ten.

• 

  maepearl · Member · Mar 19, 2011 at 2:20 am

  • Copy link

  timetheif – I already have that checked but my friend was not using a mobile browser and the ipad doesn’t use a mobile browser either.

  thesacredpath – the link is http://maepearltravels.wordpress.com

• 

  thesacredpath · Member · Mar 19, 2011 at 7:43 am

  • Copy link

  What you will have to do is to set a left margin for the main wrapper to lock the wrapper in place, such as below.

  #wrapper {
  margin-left: 150px;
  }