Title: Responsive Height…
Last modified: August 30, 2016

---

# Responsive Height…

 *  [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/)
 * url in question: [http://tivolibrewingco.com/tap-room/](http://tivolibrewingco.com/tap-room/)
 * Lots of space below the slides in narrow viewports since the height is required
   to be specified as a hard pixel value in the plugin settings.
 * Does the plugin allow me to somehow specify a width of 100% (of parent element)
   so I can set the height to auto and it will adjust properly?
 * Otherwise, cool plugin.
 * [https://wordpress.org/plugins/slideshow-jquery-image-gallery/](https://wordpress.org/plugins/slideshow-jquery-image-gallery/)

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550215)
 * After playing around with resizing, it seems to be pretty buggy about downsizing
   and upsizing; often requiring a reload to get the image to display properly.
 * In regard to filling the height gap, setting the image behavior to ‘crop to fit’
   is only a partial solution really.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550216)
 * Hi, sometimes those issues are more related to the theme you use. I have been
   using this plugin for a while without any issue.
 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550217)
 * mbrsolution, I am aware of that, but the speculation isn’t a useful solution.
   I used firebug to inspect the height and it isn’t updating on page resize. It
   just remains the same value as entered on the plugin settings pane.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550220)
 * Can you point to one custom code you tried through firebug that did not work 
   for you?
 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550222)
 * The shortcode generates this:
 * <div data-style-version=”2.2.24″ data-style-name=”style-light” data-session-id
   =”0″ data-slideshow-id=”784″ style=”height: 375px; max-width: 1000px; width: 
   827px;” class=”slideshow_container slideshow_container_style-light”>
 *  <div style=”width: 827px; height: 375px;” class=”slideshow_content”>
 *  <div class=”slideshow_view” style=”width: 827px; height: 375px; left: -827px;
   top: 375px;”>
    <div class=”slideshow_slide slideshow_slide_image” style=”margin-
   left: 0px; margin-right: 0px; width: 827px; height: 375px;”> <img width=”827″
   height=”376″ alt=”gallery-3″ src=”[http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-3.jpg&#8221](http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-3.jpg&#8221);
   style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”> <div
   class=”slideshow_description_box slideshow_transparent”> <div class=”slideshow_title”
   >gallery-3</div> </div> </div>
 *  <div style=”clear: both;”></div></div><div class=”slideshow_view” style=”top:
   375px; width: 827px; height: 375px; left: -827px;”>
    <div class=”slideshow_slide
   slideshow_slide_image” style=”margin-left: 0px; margin-right: 0px; width: 827px;
   height: 375px;”> <img width=”827″ height=”376″ alt=”gallery-2″ src=”[http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-2.jpg&#8221](http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-2.jpg&#8221);
   style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”> <div
   class=”slideshow_description_box slideshow_transparent”> <div class=”slideshow_title”
   >gallery-2</div> </div> </div>
 *  <div style=”clear: both;”></div></div><div class=”slideshow_view slideshow_currentView”
   style=”top: 0px; width: 827px; height: 375px; left: 0px;”>
    <div class=”slideshow_slide
   slideshow_slide_image” style=”margin-left: 0px; margin-right: 0px; width: 827px;
   height: 375px;”> <img width=”827″ height=”376″ alt=”gallery-1″ src=”[http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-1.jpg&#8221](http://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-1.jpg&#8221);
   style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”> <div
   class=”slideshow_description_box slideshow_transparent”> <div class=”slideshow_title”
   >gallery-1</div> </div> </div>
 *  <div style=”clear: both;”></div></div>
    </div>
 *  <div style=”display: none;” class=”slideshow_controlPanel slideshow_transparent”
   >
    - <li data-pause-text=”Pause” data-play-text=”Play” class=”slideshow_togglePlay”
      >
 * </div>
 *  <div style=”display: none;” data-previous-text=”Previous” role=”button” class
   =”slideshow_button slideshow_previous slideshow_transparent”></div>
    <div style
   =”display: none;” data-next-text=”Next” role=”button” class=”slideshow_button
   slideshow_next slideshow_transparent”></div>
 *  <div data-go-to-text=”Go to slide” style=”display: none;” class=”slideshow_pagination”
   ><div class=”slideshow_pagination_center”></div></div>
 *  <!– WordPress Slideshow Version 2.2.24 –>
 *  </div>
 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550223)
 * As you can see, the height is specified as a hard pixel value, which is what 
   the plugin requires on the settings page for that particular slideshow. It isn’t
   really responsive unless you can set the width to 100% and the height to auto
   so the inline css yields the correct expected result.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550227)
 * Did you by any chance enable the following settings
    - Shrink slideshow’s height when width shrinks
    - Enable responsiveness (Shrink slideshow’s width when page’s width shrinks)
 * If you did can you test one of WordPress default themes like Twenty Fifteen?
 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550229)
 * Didn’t see that setting. Thanks for pointing it out. that took care of the height
   issue. The page resize is still buggy however. The image often lags behind or
   doesn’t resize at all when dragging the window width wider and narrower.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550231)
 * Did you carry out the theme test?
 *  Thread Starter [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * (@powrslave)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550236)
 * I haven’t yet.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Responsive Height…’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slideshow-jquery-image-gallery_d3d2de.
   svg)
 * [Slideshow](https://wordpress.org/plugins/slideshow-jquery-image-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slideshow-jquery-image-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [PowrSlave](https://wordpress.org/support/users/powrslave/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/responsive-height-2/#post-6550236)
 * Status: not resolved