Hot Lightbox not responsive after modifying

Hi,

after modifying Hot Lightbox path for images, responsive behavior suddenly broke. I'd start all over again on localhost, but after changing any of settings in hot lightbox the responsive behavior dos not work anymore. Neither do the 'hover' css, nor showing the magnifier.png So i uninstall hot lightbox and download and install it again. Put the pictures in same size and same custom folder (images/gallery). Still no responsive behavior, no hover and no magnifier.png

Then I also re-installed one-page hotstart on localhost too.

I looked at layout.css and thats seems to be all right on the live-site & localhost-site. Did not change anything in css's myself.

Inspecting with FF on my live-site gives for #gallery (same settings as I'd modified in lightbox settings, but shown in index.php!) Inspecting demo site on localhost gives also div.row-4 #gallery in layout.css, which are right to be responsive (width 100%) I quess.

What can I do to make hot-lightbox responsive again after using my own pictures (and modifying path), remain the hover effect, and show the magnifier.png on hover.

By the way after installing on local site and/or modifying HotLightbox settings the script (within "module table") is also different (shorter) than on your live-demo site.

thanks in advance

www.ilocom.nl

In settings widht should be set to 100%

thank you for quick answer..

the width is allready set to 100% in div.row-4 #gallery in layout.css, but does not apply
in lightbox settings you can't use "%" only px. Keeping the settings empty in lightbox have no result, after saving, it's turning back to pre-installed settings or previous 'saved' settings.

what about: "What can I do to make hot-lightbox responsive again after using my own pictures (and modifying path), remain the hover effect, and show the magnifier.png on hover."?

according to demo-site this should be standard

Add this to template_css.css:

#gallery{
max-width: 100%!important;
height: auto!important;
}

#jquery-lightbox,
#lightbox-container-image-box,
#lightbox-image,
#lightbox-container-image-data-box{
max-width:100%!important;
}

#lightbox-container-image-box{
height:auto!important;
}

that does it, thx