Support Forum

  • Page:
  • 1

how do I make the map responsive?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I'm working on the following website:

web4.twostudios.be/index.php/contact

and on that page, I first have 4 contacts in a 4-column grid - no problems there.
on the second row, I have 1 column with text on the left, and the rest of the page I would like to fill with a google map. I inserted it with the JB maps module... However, it is not responsive. Is there a way to let it rescale with the page?

thanks in advance for your answer!

kind regards,
Karen
  • TwoStudios's Avatar
  • TwoStudios
  • LIfetime Developer - Big Bamboo
  • 54 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I would suggest adding this into your custom css file:

#map {
width: 100% !important;
}
.grid5wrap {
width: 100%;
}
#grid5wrap {
width: 100%;
clear: both;
float: left;
}


custom.css create inside template folder/user
  • Zuzuzu's Avatar
  • Zuzuzu
  • LIfetime Developer - Big Bamboo
  • 1925 posts
  • 107 Thanks
  • Karma: 67
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers