• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes

Hello!!!

Thanks to your generous support, 

my app is running well on Apple appstore..

However, I have this new problem.. I hate to ask it but I should! 

Arrows appear too big on iPhones...

(To see image : https://drive.google.com/file/d/1c3jxXFnZ5xFGuyEEelzPgd4Fvy_W1GBN/view?usp=sharing)

I have tried and applied according to this,

https://ajarproductions.com/pages/products/in5/answers/2628/customize-appearance-of-back-next-arrows?show=2628#q2628

But sadly somehow it didn't work. 

I think maybe changing the location of them would be far better in this case...

like maybe moving them to the very bottom of the page??

Thanks again! 

asked in how_to by (200 points)
    
or if I could just reduce the size of the arrows, it would be good, too.

I have pasted this into text file and turned it into css and added it in resources but didn't work.

.anythingSlider-in5 .arrow a {
    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5, 0.5);
}

1 Answer

0 votes
 
Best answer

In newer versions of in5 (v3.1+), the navigation arrows are standard to all page formats and accessed with the following CSS:

nav#page-nav > #backBtn {
    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5, 0.5);
 
nav#page-nav > #nextBtn {
    -ms-transform: scale(-0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(-0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(-0.5, 0.5);
 
(Note how the next button has a negative x-scale, that's to flip the arrow around facing to the right).

 

answered by (172k points)
selected by