Hello,
I am using the tag div slider with the following modification as suggested in this forum entry:
https://forum.tagdiv.com/topic/tag-div-slide-gallery-how-to-disable-opening-slide/
The tag div slider gallery is shown correctly on large screens or in browser windows fully open. However, on small screens like Android phones or when the browser window width is made smaller, the image is cut off at the bottom. To verify it, please reduce the width of the browser until the bottom block with the thumbnails is no longer shown. Then the image is cut off.
See: http://tedlansingphotography.com/projects/steamboat-stadt-rapperswil/
Thank you very much for your support.
Kind regards
Theo
replied in the other topic
Hi Bogdan,
Thank you. Sorry to trouble you again. Unfortunately, the solution works only on large screens. On small screens or if the browser window is made small, the image does not show properly in the tag div slider gallery.
You can easily verify this on http://tedlansingphotography.com/galleries/aviation-gallery/ when reducing the browser width. As soon as the layout switches to a view without the thumbnails, the tag div slide gallery height is reduced to cut off the image. How could I fix this? Thank you very much for your support.
kind regards
Theo
Hi,
Unfortunately this is the downside of customization as changing the theme default functionality will affect multiple parts of the theme and the responsiveness as well.
You will have to adjust the gallery for mobile phones as well using the media css queries :
@media (max-width: 767px){
.post_td_gallery .td-doubleSlider-1 .td-slide-item img{
bottom: -21%!important;
}
Thank you!
