# Google map

A great way to show your nearest store address when the customers want to do offline shopping.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/5I7FutlO1VST3DxaFyA6/google-maps.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **map**
3. **Save**
   {% endhint %}

## Map settings

**1. Section header** and **general:**

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Jcyw4o2IMOUo8ll4H5xa/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Color schema:** You are allowed to change text color, background color with preset color.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/rz4vnKj1bsKeY3hgSuzJ/image.png" alt=""><figcaption></figcaption></figure>

**2. Map content**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/T96cst0aqxL8RvmRq6sQ/image.png" alt=""><figcaption></figcaption></figure>

#### 3. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Xo7z9KkPXqfWJl3wrmto/image.png" alt=""><figcaption></figcaption></figure>