NextGEN Gallery
using the slideshow feature with WPTouch for mobile (5 posts)

  1. n40road
    Posted 4 years ago #

    I use the nextgen slideshow on the homepage at http://www.n40road.com, where it provides great visual interest.

    I would like the slideshow to re-size appropriately when viewed in mobile using WPTouch. Please let me know how to adjust settings to accomplish this. See mobile screenshot at http://www.n40road.com/extimages/photo.PNG

    Thanks much,


  2. BraveNewCode Inc.
    Posted 4 years ago #


    You can adjust the width of the nextgen gallery slideshow using custom css by setting it to 100% width. WPtouch at this time does not support custom CSS. However, it is supported in WPtouch Pro.

  3. n40road
    Posted 4 years ago #

    Thanks very much, I will look into upgrading.

    Related question: Does WPtouch Pro support sidebar widgets in some way? I've struggled in WPtouch with "what to do with the sidebar info" for mobile sites.

    Thanks again,

  4. BraveNewCode Inc.
    Posted 4 years ago #


    Sidebar widgets are not currently supported in WPtouch or WPtouch Pro.

  5. davydov-denis
    Posted 4 years ago #

    Hi, Scott.

    I don't know if you use .nggSlideshow
    100% width will not work because you it resize photos via JavaScript.

    I guess there are only two options,
    1: obtain mobile browser dimension in PHP and pass these into nggSlideshow.
    2: work it out in in JavaScript, i did it that way:

    var maxW = Math.min(screen.width, window.innerWidth);
        var maxH = Math.min(screen.height, window.innerHeight);
        if (s.width > maxW ) {
          s.width = maxW;
          jQuery( obj ).width(maxW);
        if (s.height> maxH ) {
          s.height = maxH;
          jQuery( obj ).height(maxH);

    you can see how it works at my site: http://www.reznikdavydov.com

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • NextGEN Gallery
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic