Home Image not resizing

Homepage › Community Forums › Aspire Theme Support › Home Image not resizing

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 23, 2016 at 1:06 am #18101
    jondonley
    Customer

      I am only using one image on the home page, but for some reason it does not resize. It doesn’t resize for smaller screens and it does not resize for ipad. This is the website here- http://www.digitalpulseanalyzer.com/.

      May 23, 2016 at 11:22 am #18108
      Wes
      Moderator

        Take a look around line 2567 in your CSS and change auto to cover so it looks like this – 

        	.front-page-1,
	.front-page-4,
	.front-page-5,
	.front-page-7,
	.front-page-9,
	.front-page-12 {
		/* background-attachment: scroll; */
		-webkit-background-size: cover;
		-moz-background-size:    cover;
		background-size:         cover;
	}

        This will be fixed in the next update soon.

        May 23, 2016 at 5:47 pm #18115
        jondonley
        Customer

          Dear Wes,

          That did not seem to work for me. I made that CSS change but when I test the website for ipad and iphone the image does not resize.

          Do you have any idea what might be happening?

          May 24, 2016 at 1:58 pm #18123
          Wes
          Moderator

            If I remove this from your css it works (line 2439) – 

            @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; 
	}

}

            Then add the background-size: cover; mentioned earlier and it should work. It worked for me when I tested this on your site.

            If you still are unable to get it working, let me know. I can login and make the adjustments for you if you want to create a temporary login.

            June 5, 2016 at 2:26 pm #18247
            Wayne
            Customer
              This reply has been marked as private.
              July 9, 2016 at 12:16 pm #18647
              caroline
              Customer

                I am having issues with Home Widgets 4 and 7 not resizing properly and showing up as black on IPad Mini Horizontal.

                I made this change to CSS

                }

                .front-page-1,
                .front-page-4,
                .front-page-5,
                .front-page-7,
                .front-page-9,
                .front-page-12 {
                background-attachment: scroll; */
                -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;

                July 9, 2016 at 12:20 pm #18649
                caroline
                Customer

                  Apologies, the site link is http://bit.ly/29y1OwD

                  July 9, 2016 at 12:27 pm #18650
                  caroline
                  Customer

                    OK,this fixed the IPAD issue using instructions from an earlier post last month:
                    }

                    .front-page-1,
                    .front-page-4,
                    .front-page-5,
                    .front-page-7,
                    .front-page-9,
                    .front-page-12 {
                    /*background-attachment: fixed;*/
                    background-position: 50% 0;
                    background-repeat: no-repeat;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                    }

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Home Image not resizing’ is closed to new replies.