Navigation images disappear on mobile

[bsouster]

The buttons are still there and are click-able but the images aren't, so they're effectively invisible.

I was using iPhone 4 to view it on this site:
http://shawnaguy.com/

Any idea why it would behave this way on this site?
Thanks a lot,

Note: the site only uses Swipebox in mobile. It's using Lightview on PCs.

[bsouster]

In Firebug, I'm seeing that the SVG files are being called in but they aren't working. Replacing them with the PNG files worked. For whatever reason, the JavaScript to check SVG support isn't working.

[Mainstwebguy]

Hey bsouster... I'm having the same issue. What did you have to change to use the .png version?

[bsouster]

This query for SVG support seems to be returning true in the JS file even though the server isn't supporting it.

supportSVG = !!(window.SVGSVGElement),

....

if(supportSVG){
var bg = $('#swipebox-action #swipebox-close').css('background-image');
bg = bg.replace('png', 'svg');
$('#swipebox-action #swipebox-prev,#swipebox-action #swipebox-next,#swipebox-action #swipebox-close').css({
'background-image' : bg
});
}

To band-aid the issue, I commented out this bit:

// bg = bg.replace('png', 'svg');

[Mainstwebguy]

Thanks a bunch sir, i'll do this now.

[Mainstwebguy]

Sorry, what file are you refering to, a quick global search didn't turn up anything : /

[Mainstwebguy]

ok got it... DW search is... er... lacking :) thanks again!