Aspire Front Page #5 Widget Issue with I-Pads

Tagged: aspire, widget

This topic has 11 replies, 2 voices, and was last updated 7 years, 10 months ago by Wes.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 29, 2016 at 8:24 pm #18206
caroline
Customer
Hi Wes,
I’m having an issue with Aspire Front Page #5 widget. It works fine on I-Phone and Desktop but on I-Pads some of the content does not show up. Specifically, the third section is missing titled “Narration” along with its description and a large white section appears that blocks this information.

http://bit.ly/25rYmbf
May 30, 2016 at 12:37 pm #18211
Wes
Moderator
Can you give this a try and see if this helps – https://appfinite.com/topic/home-image-not-resizing/

Make sure and reply on this thread whenever you test it out.

Also, what size iPad are you using? I have the regular size, but my kids broke the screen, so I’m unable to test with it. But I also have an iPad mini around here somewhere, I just need to find out where it is…
May 30, 2016 at 3:10 pm #18212
caroline
Customer
Hi, Wes:
This addresses the issue when you view the site vertically on IPAD mini. But when you view the site horizontally the background is missing altogether from Widget #5.

BTW I noticed */ was missing after “scroll” in the current css so I added that too.

Thank you!
May 31, 2016 at 12:28 pm #18214
Wes
Moderator
Can you test the Demo and let me know if it shows up on your iPad properly? – http://demo.appfinite.net/aspire/ If so, then we can figure it out from there.

I’m still looking for my iPad mini, so once I get it I can do some testing with it on my end.
May 31, 2016 at 1:29 pm #18217
caroline
Customer
Hi Wes,
The Demo works fine on IPad mini, both horizontally and vertically. I used demo content for widget #5 as a reference when setting up the widget so I don’t think the issue is in the widget if that helps isolate the issue.
May 31, 2016 at 1:31 pm #18218
caroline
Customer
This reply has been marked as private.
May 31, 2016 at 1:32 pm #18219
caroline
Customer
This reply has been marked as private.
June 1, 2016 at 7:53 pm #18226
Wes
Moderator
This reply has been marked as private.
June 3, 2016 at 6:26 pm #18238
caroline
Customer
This reply has been marked as private.
June 3, 2016 at 9:47 pm #18239
Wes
Moderator
I finally located my iPad after the kids lost it 🙂

When I analyzed the demo site vs your site code I noticed your css still shows the background-attachment: fixed; on line 1506 as active. On the demo/updated version I have that part commented out. So that’s why it works. I turned it on and off and tested on my iPad and that was exactly what fixed it.

Here’s how you should comment it out (line 1506) –
```
.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;
}
```
This will be fixed in the next update since iPads have trouble with fixed background attachments in this type of case.

Please let me know if that works, and if it doesn’t I can get it figured out faster if you can create a temporary login to test everything.
June 3, 2016 at 10:51 pm #18241
caroline
Customer
Wes,
That did it! It’s fixed. Thank you, as always. I really appreciate your time and efforts and always sticking with us!
June 5, 2016 at 1:28 pm #18245
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Aspire Front Page #5 Widget Issue with I-Pads’ is closed to new replies.