Title: Dynamic Height problem
Last modified: August 21, 2016

---

# Dynamic Height problem

 *  Resolved [totoink](https://wordpress.org/support/users/totoink/)
 * (@totoink)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dynamic-height-problem/)
 * Hey i have installed the promotion slider on my home page as a front banner…
   
   Everything in the site is responsive, but when i scale the window horizontally,
   the promotion slider image scales, but the div keeps it’s height as a fixed one,
   so it creates a huge gap between the banner and the content.
 * How can i fix this and make the div responsive?
 * example: transpot.totoink.com
 * [https://wordpress.org/plugins/promotion-slider/](https://wordpress.org/plugins/promotion-slider/)

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

 *  [webcreature](https://wordpress.org/support/users/david-annus/)
 * (@david-annus)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dynamic-height-problem/#post-4738026)
 * Hi, you have to build a div with padding in percent and relative. Then you set
   the div in it absolute and width and height to 100%.
 * Example:
    slider 960px x 300px 300*100%/960 = 31.25%
 *  my slider.css line 1 and 2
 * .promo_slider_wrapper { margin:0 0 0 0; position:relative; padding-top: 31.25%;}
   .
   promo_slider { overflow:hidden; position:absolute; top: 0; width: 100%; height:
   100%;}
 * This works. If you found some static hight,you have to remove it.
 *  [ballyhoos](https://wordpress.org/support/users/ballyhoos/)
 * (@ballyhoos)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dynamic-height-problem/#post-4738066)
 * The plugin is not responsive due to the ‘position:absolute’ styles on certain
   containers. Try this as it worked for me.
 *     ```
       .promo_slider{
               height:auto !important;
       }
       .promo_slider .panel{
       	position: relative !important;
       }
       .promo_slider_background_image img{
       	width:100% !important;
       	height:100% !important;
       }
       ```
   
 *  [ballyhoos](https://wordpress.org/support/users/ballyhoos/)
 * (@ballyhoos)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dynamic-height-problem/#post-4738067)
 * Actually the above code doesn’t work with more than 1 banner.

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

The topic ‘Dynamic Height problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/promotion-slider.svg)
 * [Promotion Slider](https://wordpress.org/plugins/promotion-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/promotion-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/promotion-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/promotion-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/promotion-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/promotion-slider/reviews/)

## Tags

 * [height](https://wordpress.org/support/topic-tag/height/)

 * 3 replies
 * 3 participants
 * Last reply from: [ballyhoos](https://wordpress.org/support/users/ballyhoos/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/dynamic-height-problem/#post-4738067)
 * Status: resolved