• Registered: 2014-09-24
  • Posts: 1

Topic: thumbnails still showing up on mobile (small screen mode)

Hi,

I've been trying to design web pages that contain galleries inside iframes. For the most part the galleries display fine. However, the thumbnails are still present on mobile devices even though I have unchecked all options for them to show up. I am trying to have thumbnails display for large screens but NO thumbnails for small screens (thus making the main image larger). My screen mode is set to "AUTO".

I have been using this site to check: http://mobiletest.me
On my Galaxy S4 the thumbnails are NOT there but the gallery is set VERY LOW in the window on both portrait and landscape view.

Here is one of the galleries, you can navigate to the other galleries within the ARTWORK section of the site:

http://juliaclift.com/NEW/pages/Interior.html

The whole site is more or less finished with the exception of this aspect, please help!

Best,

Eric

  • Registered: 2012-04-24
  • Posts: 5,924

Re: thumbnails still showing up on mobile (small screen mode)

However, the thumbnails are still present on mobile devices even though I have unchecked all options for them to show up.

It looks like the emulator website you are using may not be giving a true representation of your web pages in the selected devices.
Are you using their Basic or Advanced emulation?
According to their own website, "Advanced emulation allows you to see your websites
like they are rendered in mobile devices.". This suggests that their Basic emulation does not.
It looks like all their Basic emulation is doing is resizing the gallery to the selected device's screen size. However, because this is all it is doing, Juicebox is not detecting the selected device or its actual browser window size so it is not switching to Small Screen Mode (and the gallery is always being displayed in Large Screen Mode).
Try using their Advanced emulation or, if you are already doing so, try a different emulator such as Manymo which may give more accurate results.

On my Galaxy S4 the thumbnails are NOT there

I have viewed your gallery on an iOS device and also do not see thumbnails so it looks like your gallery is working as expected (just not in your chosen emulator website).

but the gallery is set VERY LOW in the window on both portrait and landscape view.

It looks like the problem may be your iframe's fixed height of 900px. You may need to reduce this in order for your gallery to take up less height on your web page in mobile devices.
Also, your iframe has a height="900px" attribute. This should be just height="900" (although I would recommend that you try reducing the value). The 'px' suffix should be used only if setting the height via CSS.