Jump to content


Photo

page background


  • Please log in to reply
5 replies to this topic

#1 donnanova

donnanova

    Member

  • Members
  • PipPip
  • 22 posts

Posted 27 May 2012 - 09:54 AM

Hi I did a search and found notion, but sorry is the solution has been posted before. Can someone take a look at my page and tell me what I'm doing wrong with my websites background image. I want it to full the whole screen background (top and bottom. vertically and horizontally). Thanks in advance. www.musthaveswag.com

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 May 2012 - 10:04 AM

Hi, I visited your website and the background image fills the whole page. Therefore, would it be possible to confirm if this issue is resolved please. If the issue is not resolved, can you take a screenshot and add it to your reply so we can see the issue first hand.

#3 donnanova

donnanova

    Member

  • Members
  • PipPip
  • 22 posts

Posted 27 May 2012 - 03:44 PM

firefox & chrome seems to fit the screen. However

opera looks like this ( white strip on header)
Posted Image

Safari looks like this (white strips on header/footer)
Posted Image

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 May 2012 - 04:57 PM

Would it be possible to post bigger screenshots?

#5 donnanova

donnanova

    Member

  • Members
  • PipPip
  • 22 posts

Posted 27 May 2012 - 10:01 PM

Posted Image
and
Posted Image

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 May 2012 - 11:09 AM

Hi,

I have viewed your website now in all browsers and they all looked fine. For me to reproduce your error, I had to zoom out on the website.

Then I found what is causing the issue, you have your background images position set to 89% vertically, setting this to 0 resolves the issue for me.

 .canvas #page, .full_width #page, body.fixed_width {
	background-position: 50% 89%;
	}

I think the best course of action would be for you to enable SuperSize bg option.

Also, you have W3 Total Cache enabled, caching plug-ins should only be active when you sites design is finalised.