Search code examples
jquerycssphotoswipe

photoswipe fullscreen button missing on mobile devices


Using this link: http://webdesign.tutsplus.com/tutorials/the-perfect-lightbox-using-photoswipe-with-jquery--cms-23587 i have been able to insert photoswipe into my website.

Unfortunately i cant get the fullscreen button visible on mobile devices, the demo website does show the fullscreen button.

Comparison:

(In my site: click bottom pictures)

Does anyone know how to fix this issue? I have searched whole internet for a solution but havent found it yet.


Solution

  • On line 58 of http://ezg.agaastra.nl/Content/photoswipe-theme.css, the button elements are formatted with

    background-image: url(default-skin.svg)
    

    for mobile – but that image does not exist on your server, http://ezg.agaastra.nl/Content/default-skin.svg only results in a 404.

    Therefor, the background image those buttons would have on desktop is overwritten, but no new background image is available to display – and therefor you see just “nothing”.

    So see to it that you upload that missing image to the correct location.