Title: Responsive Map Height
Last modified: October 5, 2017

---

# Responsive Map Height

 *  Resolved [rsjennings84](https://wordpress.org/support/users/rsjennings84/)
 * (@rsjennings84)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-map-height/)
 * Is there are way to make the map height responsive? Using height=100% does not
   seem to work.

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

 *  Plugin Author [tinuzz](https://wordpress.org/support/users/tinuzz/)
 * (@tinuzz)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-map-height/#post-9558185)
 * Hi,
 * The ‘height’ attribute will simply be passed to the style of the map div, so 
   sure, 100% will work, but that’s not all that is needed. A div’s height in % 
   is relative to the height of its parent. Your template should take care of the
   details of responsiveness, this is not something that can be done inside trackserver.
 * If you need to style the map div itself, you can add CSS to the ‘leaflet-container’
   class (for example a ‘max-height: 100%’ might be useful), but the key to the 
   rest of it is in the parent element, i.e. your WP template.
 * Cheers,
    Martijn.
 *  Thread Starter [rsjennings84](https://wordpress.org/support/users/rsjennings84/)
 * (@rsjennings84)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-map-height/#post-9561069)
 * Thank you sir, I did a bit more digging and I had to use [tsmap height=100vh]
 *  Plugin Author [tinuzz](https://wordpress.org/support/users/tinuzz/)
 * (@tinuzz)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-map-height/#post-9561396)
 * Ah, I didn’t know about viewport units. Thanks, glad it works for you!
 * Cheers,
    Martijn.

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

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

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

 * 3 replies
 * 2 participants
 * Last reply from: [tinuzz](https://wordpress.org/support/users/tinuzz/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-map-height/#post-9561396)
 * Status: resolved