Phoca Forum

for the (Detail View Settings) if i chose (no popup) the page is not responsive and the image in mobile appear so big and could not be resized.
how can i make this page responsive
for example this page https://www.takweenart.net/gallery/1-am ... canvas2003
I'm using version 4.4.3

Hi, this is the purpose of no popup method, it just displays large thumbnails on whole page. To resize the image for mobile or other device, just try to use some CSS - to set e.g. max-width, max-height for the image on the site.

Jan

HI Jan
thank you for prompt response
i find this class with the image class="pg-detail-image img img-responsive"
i added
#phocagallery .pg-detail-image img img-responsive{
max-height: 100%;
max-width: 100%;
}
to phocagallery.css but did not work
am I doing something wrong

also i edit this
#phocagallery .pg-detail-view {
width: 10%;
border: dashed blue 1px;
}

.pg-detail-view {
max-height:100%;
max-width: 100%;
}

and nothing happened

i found in the page source :
<td colspan="6" align="center" valign="middle" style="height:800px;vertical-align: middle;"><div id="phocaGalleryImageBox" style="width:667px;margin: auto;padding: 0;"><img src="/images/phocagallery/thumbs/phoca_thumb_l_bahijaalhakim.jpg" alt="bahija alhakim 01" class="pg-detail-image img img-responsive"></div></td>

if i delete the style , style="height:800px;vertical-align: middle;" and style="width:667px;margin: auto;padding: 0;" it become responsive.
any idea in which page i can delete these 2 styles

Hi, what do you mean with "in which page"? Do you mean "in which files"?

Jan