Make a map's height responsive

This support ticket is created 5 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Toolset Maps, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 5 years, 6 months ago.

Assisted by: Christian Cox.

Author

Posts

May 29, 2019 at 4:13 pm #1253217

romanB-3

Hello,
I have this map : hidden link
I would like it to be 600px height on large screens, and 350px height on small ones.
How may I set this up ?
Thank you.

May 29, 2019 at 6:30 pm #1253431

Christian Cox

There's nothing built-in to Toolset that will make a map's height responsive. Any solution here is going to require custom CSS and/or custom JavaScript. You could create two different maps with different heights, and place them both on the page. Then use CSS media queries to show and hide the maps at different resolutions. Or you could use JavaScript to manipulate the map container height as needed.