Responsive Map Height

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author tinuzz

    (@tinuzz)

    8 years, 7 months ago

    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

    (@rsjennings84)

    8 years, 7 months ago

    Thank you sir, I did a bit more digging and I had to use [tsmap height=100vh]

    Plugin Author tinuzz

    (@tinuzz)

    8 years, 7 months ago

    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.