Highslide w/gallery problem on smaller screens

[unleash.it]

When using the highslide w/gallery (small thumbs below the big image) on a smaller screen like a 14" HD laptop (1280x768), the image covers over the controls. See the screen shot... The problem gets a lot worse when I turn on title plus description.

There's actually plenty of vertical space, but because of an overly large top margin, the space gets wasted. Has anyone figured out how to fix this? The margin (actualy the css "top" property) is coming from 2-3 absolutely positioned divs that make up the big image and the title. Problem is, they are inline and are dynamically generated by the script so you can't do anything about them via CSS. I'm usually good at tracking these things down, but in this case I'm kinda stumped...

Anyone know of a fix? I love this lightbox, but not working on laptops is a deal breaker...

[Jan]

Hi, I think, this should be a question on Highslide developers

[unleash.it]

Yeah I thought so, but I was just checking if anyone around here has encountered it. Thanks.

[Jan]

Ok, maybe someone

[onemanarmy]

Hi,
this happens on widescreens

Solution:
Only need to change 1 parameter in highslide-full.js
You can find it here: yourdomain.com/components/com_phocagallery/assets/js/highslide/highslide-full.js

find margin-bottom (on line 64) and change the value to 200

this should fix it!

Steve

[Jan]

Hi, thank you for this guide.

Jan