How to change height of Google Map

Updated: August 18, 2016

In our themes are available more types of Google Map which may have changed height:

  • Google Map element – is standard sortable element to show Google Map in page layout with custom markers
  • Header Map element – is unsortable element in directory type themes
  • Google Map on Item Post detail page – Google Map displayed in detail page of Item Posts available in directory type themes

Google Map element

Example of Google Map element in Directory+ theme, usually used on Contact page:

Google Map element on Contact page

To change height of Google Map element, edit in Page Builder page for which you would like to change height of the map and define height right in Google Map element.

Header Map element

Example of Header Map in Directory+ theme:

Header Map element

To change height of Header Map, edit in Page Builder page for which you would like to change height of the header map and define height right in Header Map Element.

Google Map on Item Post detail page

Map is generated automatically on Item Post detail pages, example from Directory+ theme:

Item Post detail page - google map

To change height of Google Map displayed on Item Post detail page, navigate to Theme Options > Item Detail Options > Map Options section where is available option to change the height of map.

About Ivan Hudak

Works as an IT consultant for over 7 years now. He's a manager of our support team. Knows everything about all our themes, HTML, CSS, PHP and jQuery.