Overcrouded Screen in Mobiles

proinsus

Hi

In my iphone the left and right arrows are on top of the images ( a little to big) and the icon numbers also fall on top of the image. The problem is that I have some albums with 25 images and then almos all of the screen is full of items that cover the images. Is it possible to make the numbers dissapear and make the arrows smaller.

Thanks
Gonzalo

Air

Hello,

If you wish to make changes only on small screens use this custom CSS

@media only screen and (max-width: 650px) {
    /* Hide numbers */
    #slide-list {
        display: none !important;
    }
}

I messed for a bit with giving you CSS for resizing arrows, but this just ended up tricky and takes not nice side effects, so there wont be solution.

With regards.

proinsus

Air

Thanks The code worked fine

Could it be possible to aling arrows vertically on top or bottom?

Thanks
Gonzalo

Air

To push them to top you could use this

@media only screen and (max-width: 650px) {
    html.touch .prev-parent, html.touch .next-parent {
        margin-top: 0;
        top: 0;
    }
}

With regards.

proinsus

Air

Yes it did.

Thanks