How to optimize the slider entries so they fit on iPad and iPhone?

[Ed]

My slider images and text don’t fit on an iPad or iPhone. Is there any way to optimize the slider so they can be compatible with iPad and iPhone?

[Towfiq I.]

the latest version works fine on both. whats your site address? which version are you using?

[Ed]

I’m using the latest version of Theron.

My site is: http://thefightforthefuture.com.

Take a look at it on the iphone and iPad.
1. On the iPhone, the Advance Praise quote (text), doesn’t reduce down to fit the iPhone size.
2. On the iPad, the slider feature has an icon underneath the menu bar that appears as a question mark. The iPad works better in landscape. In portrait mode, a white space appears under the book jacket image.

Please help with any suggestions, especially the iPhone issue. Thanks!

[Towfiq I.]

1. can you post a page link where you added the quote?
2. can you send me a screenshot?

[Ed]

I posted screenshots here: http://thefightforthefuture.com/?page_id=53

1st screenshot shows the quote doesn’t fit on an iPhone. (You can get to the quote by waiting for the slider to scroll.)

2nd screenshot shows the quote on the slider function, but underneath the menu in the center, you see the blue question mark showing something isn’t picking up.

Thanks!

[Towfiq I.]

1. Open up your stylesheet from Appearance> Editor and add this

body .nivo-caption{width:90%!important;padding: 5%;position: relative;}
body .nivo-caption p{width:auto;}

under this line:

@media screen and (max-width: 500px){

2. I am looking into the ipad issue. will let you know.

[Ed]

OK, thanks, I did that, but it didn’t make the quote fit on an iPhone screen.

Is there any way that the quote can reduce to fit?

[Towfiq I.]

you will have to clear your browser cache to see the change. hit the reload button couple of times to see the change. or use another browser.

[ed]

Yes, that did it. Thank you!

If you have any ideas about the iPad problem, please let me know.