Aspire Section 1 Image Problem?

Homepage › Community Forums › Aspire Theme Support › Aspire Section 1 Image Problem?

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 3, 2017 at 9:29 pm #20743
    Kelly
    Customer

      Although I have my primary test image sized to 1600 x 1050, I’m experiencing two problems:

      1. At some of the larger desktop screen sizes, the image doesn’t extend all the way to the left and the right. (1680 x 1050)

      2. On some mobile devices, the image is getting cut-off. (360 x 640, 640 x 960, 375 x 677, etc.)

      The reason I chose these sizes is because they’re the most popular screen sizes, as indicated by StatCounter: http://gs.statcounter.com/screen-resolution-stats/all/united-states-of-america

      March 7, 2017 at 1:01 am #20787
      Wes
      Moderator

        Try removing or commenting out the background: auto; code under the 1800px media query – 

        @media only screen and (max-width: 1800px) {
	
	.front-page-1,
	.front-page-4,
	.front-page-5,
	.front-page-7,
	.front-page-9,
	.front-page-12 {
		-webkit-background-size: auto;
		-moz-background-size:    auto;
		background-size: auto;
	}

}

        You could also change the code from auto to cover and I think that would fix it as well. Let’s try that and see if it works.

        March 7, 2017 at 1:06 am #20789
        Kelly
        Customer

          Yep, that worked. Thanks!

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • The topic ‘Aspire Section 1 Image Problem?’ is closed to new replies.