Thanks for the help.

Adding #expanded in the Entrer button link was not really effective as it trigger expanded mode also for large screen and I don’t want that. I think I will go with the splash page. Even if it add an extra step for viewing the gallery on smartphone.

And it drives me to another point I can’t figure : when the splash page is active, the Thumb and Nav buttons are not aligned on the top right of the gallery when viewing on smartphone. Now if I disable the splash page, viewing the gallery on smartphone with #expanded and the buttons are perfectly aligned.

#expanded without splash page activate
https://i.ibb.co/BBrCszN/AB1-F66-D8-8-EBA-4-A43-B27-E-2564-F445175-F.png



#expanded with splash page activate
https://i.ibb.co/MV0wFfB/B367-CF11-83-EF-422-E-96-C4-745-A7-F6-CD1-C6.png

Do you have any ideas ?

Hi,

I'm using Juicebox for years now for my personnal website. Since I recently upgrade my computer for Mac with a retina display, I realized I needed to update my gallery to recover sharp images.

After some brainstorming and work I finally get something looking good, but there is one last thing that I want to change : the gallery behavior on small screen (smartphone especially). When viewing a gallery on smartphone, user can scroll up & down, pinch to zoom in & out etc ...

I finding that using #expanded or full.html worked perfectly so I was wondering if and how it would be possible to force using one or the other when the gallery is viewing on a smallscreen. Using the splash page does the job but ... I don't want to use the splash page so ... Is there a way ?

Here's my website (work in progress, only the "Foudre" gallery is active) : test.alexismaillard.com

Thanks ! Alexis